A szemantikus elrendezés vagy szemantikus HTML kód a weboldalak HTML - ben történő létrehozásának megközelítése , amely a HTML-címkék szemantikájának (céljának) megfelelő használatán alapul [1] , és logikus és következetes oldalhierarchiát feltételez [2] [ 3] . Ellentétes azzal a megközelítéssel, amelyben a HTML kód írását a weboldal megjelenése határozza meg. A kaszkádos stíluslapok (CSS) a szemantika szerint írt weboldalak stílusozására szolgálnak. A HTML szabvány a kezdetektől fogva számos szemantikai címkét tartalmazott [4] , de a szemantikai elrendezés a HTML5 -ön végzett munka megkezdése után vált népszerűvé .
Példaként említhetjük a HTML szabványban bekövetkezett változásokat, amelyek különösen a fizikai formázási címkét <i> érintették ( angol dőlt , a szöveg dőlt betűssé tétele ) - helyette most a logikai formázási tag <em> használata javasolt ( angol nyelvről kiemelés , kiemelés). A hangsúlyok ezután CSS használatával megjeleníthetők dőlt, félkövér, aláhúzott formában; auditív ( a TTS technológiákon alapuló szöveg hangosításakor ) - a beszédtempó lassítása vagy hangosabb hangzás stb. Ezeket a változásokat az okozza, hogy a vizuálisan dőlt betűkkel nemcsak a szöveget emelik ki, hanem például az idézeteket is, amelyekhez HTML 4 címkével jelent meg <cite>. A dőlt betű egy másik felhasználási módja lehet az idegen kifejezések vagy szavak jelzése; azonban a webfejlesztők használhatják az XHTML beépített nyelvspecifikációs attribútumait, vagy szemantikussá tehetik jelölésüket egy attribútumon class(pl. class="foreign") keresztül a megfelelő szövegelem osztály megadásával. Az ékezetek, idézetek és idegen szavak különböző jelöléseinek használata lehetővé teszi a gépi webügynökök számára, például a keresőmotor- pókok számára, hogy pontosabban meghatározzák a weboldal egyes elemeinek és a teljes szöveg egészének relevanciáját.