Semantički HTML znači korištenje elemenata koji opisuju značenje sadržaja, a ne samo njegov izgled. <nav> kaže "ovo je navigacija"; <button> kaže "ovo se može kliknuti" — dok <div> ne kaže ništa.
html
Home
Home
Semantički HTML znači korištenje elemenata koji opisuju značenje sadržaja, a ne samo njegov izgled. <nav> kaže "ovo je navigacija"; <button> kaže "ovo se može kliknuti" — dok <div> ne kaže ništa.
Home
Home
Oba se mogu stilizirati identično, ali samo drugi je razumljiv preglednicima, čitačima zaslona i pretraživačima.
<header>, <nav>, <main>, <footer>, omogućavajući korisnicima skakanje između regija. Zid <div>-eva im ne daje ništa.<h1>, <article>, <main> i razumiju strukturu stranice.<button> je fokusirajući, aktivira se tipkovnicom (Enter/Space), i najavljuje se kao gumb — <div onclick> nije ništa od toga osim ako ga ručno ne dodajete sve iznova.<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
Opće pravilo: posegni za elementom koji znači ono što namjeravaš, i koristi <div>/<span> samo kao spremnike stilizacije kada nema odgovarajućeg semantičkog elementa.
To je jeftina pobeda dostupnosti i SEO-a koju možeš postići.
Knjižnica IT pitanja za razgovore za posao s detaljnim odgovorima — od Juniora do Seniora.
Doniraj