Semantisk HTML betyr å bruke elementer som beskriver betydningen av innholdet deres, ikke bare utseendet. En <nav> sier "dette er navigasjon"; en <button> sier "dette er klikkbart" — mens en <div> sier ingenting.
html
Home
Home
Semantisk HTML betyr å bruke elementer som beskriver betydningen av innholdet deres, ikke bare utseendet. En <nav> sier "dette er navigasjon"; en <button> sier "dette er klikkbart" — mens en <div> sier ingenting.
Home
Home
Begge kan styles identisk, men bare den andre blir forstått av nettlesere, skjermlesere og søkemotorer.
<header>, <nav>, <main>, <footer>, slik at brukere kan hoppe mellom regioner. En vegg av <div>-er gir dem ingenting.<h1>, <article>, <main> og forstår sidestrukturen.<button> er fokusbar, tastatur-aktverbar (Enter/Space) og annonsert som en knapp — en <div onclick> er ingenting av dette med mindre du legger det hele til igjen manuelt.<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
Golden rule: velg elementet som betyr det du har til hensikt, og bruk bare <div>/<span> som stilingsbeholdere når ingen semantisk element passer.
Det er det billigste tilgjengelighets- og SEO-gevinsten du kan gjøre.