Semantisk layout , eller semantisk HTML-kod , är ett tillvägagångssätt för att skapa webbsidor i HTML , baserat på användningen av HTML-taggar i enlighet med deras semantik (ändamål) [1] , och även anta en logisk och konsekvent sidhierarki [2] [ 3] . Det är i motsats till metoden där skrivningen av HTML-kod bestäms av webbsidans utseende. Cascading style sheets (CSS) används för att utforma webbsidor skrivna enligt semantik . HTML-standarden från allra första början inkluderade ett antal semantiska taggar [4] , men semantisk layout blev populär efter starten av arbetet med HTML5 .
Som ett exempel kan vi nämna ändringar i HTML-standarden, som särskilt påverkade den fysiska formateringstaggen <i> ( engelska kursiv , gör texten kursiv ) - istället för den rekommenderas det nu att använda taggen logisk formatering <em> (från engelska betoning , betoning). Betoningen kan sedan visualiseras med CSS som kursiv, fetstil, understruken; auditiv (vid röstning av text baserad på TTS-teknologier) - sakta ner taltakten eller en högre röst, etc. Dessa förändringar orsakas av det faktum att visuellt kursiv stil inte bara betonar texten, utan även till exempel citat, för vilka med HTML 4-taggen dök upp <cite>. En annan användning av kursiv stil kan vara att indikera främmande fraser eller ord; webbutvecklare kan dock använda XHTML:s inbyggda språkspecifikationsattribut, eller göra deras uppmärkning semantisk genom att ange lämplig textelementklass via ett attribut class(t.ex. class="foreign"). Användningen av olika markeringar för accenter, citat och främmande ord gör det möjligt för maskinwebbagenter, såsom sökmotorspindlar , att mer exakt bestämma relevansen av både enskilda delar av en webbsida och hela texten som helhet.