HTML ya kisemantiki inamaanisha kutumia elementi zinazoeleza maana ya maudhui yao, si tu jinsi yanavyoonekana. <nav> inasema "hii ni urambazaji"; <button> inasema "hii inaweza kubofya" — hali <div> haisemi kitu chochote.
Home
Home
Zote mbili zinaweza kutengenezwa sawa, lakini moja tu inaelewa na browsers, readers wa skrini, na injini za utaftaji.
<header>, <nav>, <main>, <footer>, na kuwafanya watumiaji wajuwe kubadili kati ya maeneo. Ukuta wa <div>-s hauwafaa kitu.<h1>, <article>, <main> na kufahamu muundo wa ukurasa.<button> inaweza kuzamia, kufanya kazi kwa njia ya kibodi (Enter/Space), na kutangazwa kama kitufe — <div onclick> si haya yote isipokuwa ukiongeza kwa mikono.<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
Kanuni ya kidole: chagua elementi ambayo inamaanisha kile unakokusudia, na tumia <div>/<span> tu kama kontena za kutengeneza wakati hakuna elementi ya kisemantiki inayolingana.
Ni nyenzo rahisi zaidi ya upatikanaji na faida ya SEO unayoweza kufanya.