Sémantické rozvržení nebo sémantický kód HTML je přístup k vytváření webových stránek v HTML , založený na použití značek HTML v souladu s jejich sémantikou (účelem) [1] , a také za předpokladu logické a konzistentní hierarchie stránek [2] [ 3] . Je to proti přístupu, kdy je psaní HTML kódu určeno vzhledem webové stránky. Kaskádové styly (CSS) se používají ke stylování webových stránek napsaných podle sémantiky . Standard HTML od samého počátku zahrnoval řadu sémantických značek [4] , ale sémantické rozvržení si získalo oblibu po zahájení prací na HTML5 .
Jako příklad můžeme uvést změny ve standardu HTML, které se dotkly zejména značky fyzického formátování <i> ( anglicky italic , čímž se text stává kurzívou ) - místo ní se nyní doporučuje používat značku logického formátování <em> (z angl . důraz , důraz). Zdůraznění pak lze vizualizovat pomocí CSS jako kurzíva, tučné písmo, podtržení; sluchové (při mluvení textu založeného na technologiích TTS) - zpomalení tempa řeči nebo vyšší hlas apod. Tyto změny jsou způsobeny tím, že vizuálně kurzíva nejen zdůrazňuje text, ale také např. citace, u kterých se objevila značka HTML 4 <cite>. Dalším použitím kurzívy může být označení cizích frází nebo slov; weboví vývojáři však mohou použít vestavěné atributy jazykové specifikace XHTML nebo učinit jejich označení sémantické zadáním příslušné třídy textových prvků prostřednictvím atributu class(např. class="foreign"). Použití různých značek pro diakritiku, citace a cizí slova umožňuje strojovým webovým agentům, jako jsou vyhledávače , přesněji určit relevanci jak jednotlivých prvků webové stránky, tak celého textu jako celku.