HTML Semantiku jfisser l-użu ta' elementi li jiddeskrivu l-tifsira tal-kontenut tagħhom, mhux biss id-dehra tiegħu. <nav> tgħid "dan huwa navigazzjoni"; <button> tgħid "dan huwa klikkabbli" — filwaqt li <div> ma tgħidx xejn.
Home
Home
It-tnejn jistgħu jiġu stwalizzati b'mod identiċi, iżda biss it-tieni waħda mifhuma mill-browsers, screen readers, u engines ta' tiftix.
<header>, <nav>, <main>, <footer>, u jippermettu lill-utenti jaqfzu bejn ir-reġjuni. Ħajt ta' <div> ma jagħtihom xejn.<h1>, <article>, <main> u jifhmu l-istruttura tal-paġna.<button> huwa focusable, keyboard-activatable (Enter/Space), u prokulamat bħala buttuna — <div onclick> mhu ħadd minn dawn ħlief jekk żid il-ġol bagħal.<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
Ir-regola tad-deheb: aqbad l-element li jfisser dak li tintendi, u ħaffaġ <div>/<span> bħala kontejners tal-istil biss meta l-ebda element semantiku mhuwiex tajjeb.
Di l-avvanz l-aktar iċċeap f'aċċessibbilità u SEO li tista' tagħmel.