Semanttinen asettelu tai semanttinen HTML-koodi on lähestymistapa verkkosivujen luomiseen HTML - kielellä , joka perustuu HTML-tunnisteiden käyttöön niiden semantiikan (tarkoituksen) mukaisesti [1] ja olettaa myös loogisen ja johdonmukaisen sivuhierarkian [2] [ 3] . Se vastustaa lähestymistapaa, jossa HTML-koodin kirjoittaminen määräytyy verkkosivun ulkoasun mukaan. CSS ( Cascading style sheets ) -tyylisivuja käytetään semantiikan mukaan kirjoitettujen web-sivujen tyylittämiseen . HTML-standardi sisälsi alusta alkaen useita semanttisia tunnisteita [4] , mutta semanttinen asettelu nousi suosioon HTML5 -työn alkamisen jälkeen .
Esimerkkinä voidaan mainita HTML-standardin muutokset, jotka vaikuttivat erityisesti fyysiseen muotoilutunnisteeseen <i> ( englanniksi kursivoitu , tekstin kursivoitu ) - sen sijaan on nyt suositeltavaa käyttää loogista muotoilutunnistetta <em> ( englannista painotus , painotus). Korostukset voidaan sitten visualisoida käyttämällä CSS:ää kursivoituna, lihavoituna, alleviivauksena; auditiivinen (kun lausutaan TTS-tekniikoihin perustuvaa tekstiä ) - hidastaa puhetahtia tai koventaa ääntä jne. Nämä muutokset johtuvat siitä, että visuaalisesti kursivoitu ei ainoastaan korosta tekstiä, vaan myös esimerkiksi lainauksia, joita varten HTML 4 -tunnisteen kanssa ilmestyi <cite>. Toinen kursiivin käyttö voi olla vieraiden lauseiden tai sanojen osoittaminen; Verkkokehittäjät voivat kuitenkin käyttää XHTML:n sisäänrakennettuja kielimäärittelyn attribuutteja tai tehdä merkinnöistä semanttisia määrittämällä sopivan tekstielementtiluokan attribuutilla class(esim. class="foreign"). Erilaisten aksenttimerkkien, lainausten ja vieraiden sanojen merkintöjen käyttö mahdollistaa koneverkkoagenttien, kuten hakukoneiden hämähäkkien , mahdollisuuden määrittää tarkemmin sekä verkkosivun yksittäisten elementtien että koko tekstin osuvuuden.