Semantični HTML pomeni uporabo elementov, ki opisujejo pomen njihove vsebine, ne le njenega videza. <nav> pravi "to je navigacija"; <button> pravi "to je mogoče klikniti" — medtem ko <div> ne pravi nič.
html
Home
Home
Semantični HTML pomeni uporabo elementov, ki opisujejo pomen njihove vsebine, ne le njenega videza. <nav> pravi "to je navigacija"; <button> pravi "to je mogoče klikniti" — medtem ko <div> ne pravi nič.
Home
Home
Oba se lahko oblikujeta enako, vendar ga le drugi razumejo brskovalniki, čitalniki zaslona in iskalni motorji.
<header>, <nav>, <main>, <footer>, kar uporabnikom omogoča skakanje med območji. Stena <div>-ov jim ne daje nič.<h1>, <article>, <main> in razumejo strukturo strani.<button> je fokusabilen, aktivabilen s tipkovnico (Enter/Space) in oznanja se kot gumb — <div onclick> nič od tega ni, razen če ga ročno dodaš.<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
Pravilo: uporabi element, ki pomeni tisto, kar imaš v mislih, in <div>/<span> uporabi le kot kontejnerje za oblikovanje, kadar noben semantični element ne ustreza.
To je najcenejša dostopnost in SEO prednost, ki jo lahko dosežeš.