Semantic HTML znamená používání prvků, které popisují význam jejich obsahu, ne pouze jeho vzhled. <nav> říká "toto je navigace"; <button> říká "toto je klikatelné" — zatímco <div> neříká nic.
html
Home
Home
Semantic HTML znamená používání prvků, které popisují význam jejich obsahu, ne pouze jeho vzhled. <nav> říká "toto je navigace"; <button> říká "toto je klikatelné" — zatímco <div> neříká nic.
Home
Home
Obě mohou být identicky stylizovány, ale pouze druhá je srozumitelná prohlížečům, čtečkám obrazovky a vyhledávačům.
<header>, <nav>, <main>, <footer>, což uživatelům umožňuje skákat mezi oblastmi. Zdí <div>ů jim nic nedají.<h1>, <article>, <main> a rozumí struktuře stránky.<button> je zaostřitelná, aktivovatelná klávesnicí (Enter/Space) a hlášena jako tlačítko — <div onclick> nic z toho není, pokud si to vše znovu ručně nepřidáte.<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
Pravidlo palce: sáhněte po prvku, který znamená to, co máte na mysli, a používejte <div>/<span> pouze jako kontejnery pro stylování, když se nehodí žádný sémantický prvek.
Je to nejlevnější výhra v přístupnosti a SEO, kterou můžete dosáhnout.