HTML semantik do të thotë përdorimi i elementeve që përshkruajnë kuptimin e përmbajtjes së tyre, jo thjesht pamjen e saj. <nav> thotë "kjo është navigim"; <button> thotë "kjo mund të klikohet" — ndërsa <div> nuk thotë asgjë.
Home
Home
Të dyja mund të stilozohen në mënyrë identike, por vetëm i dyti kuptohet nga shfletuesit, lexuesit e ekranit dhe motorët e kërkimit.
<header>, <nav>, <main>, <footer>, duke lejuar përdoruesit të kërcejnë midis rajoneve. Një mur <div>-esh nuk u jep atyre asgjë.<h1>, <article>, <main> dhe kuptojnë strukturën e faqes.<button> mund të fokusohej, mund të aktivizohej me tastierë (Enter/Space), dhe njoftohet si buton — <div onclick> asgjë nga këto nuk është përveç nëse e shtoni përsëri me dorë.<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
Rregulli i përgjithshëm: zgjidh elementin që do të thotë atë që synon, dhe përdor <div>/<span> vetëm si kontejnera për stilizim kur asnjë element semantik nuk përshtatet.
Ikjo është fitimi më i lirë në aksesibilitet dhe SEO që mund të realizosh.