mikä on semanttinen?
Termiä “semanttista” käytetään laajasti kielitieteen ja laskennan alueella sanojen ja kielirakenteiden merkityksen kuvaamiseksi. Verkon yhteydessä semantiikka viittaa merkityksen määrittämiseen HTML -asiakirjan elementeille ja rakenteille.
semantiikan merkitys verkossa
Käyttämällä oikein semanttisia elementtejä HTML -asiakirjassa, on mahdollista parantaa hakukoneiden saatavuutta, käytettävyyttä ja indeksointia. Lisäksi semantiikka helpottaa käyttäjien ja kehittäjien sisällön ymmärtämistä.
Yleisimmät semanttiset elementit
Jotkut HTML: n yleisimmistä semanttisista elementeistä ovat:
- & Lt; Header & gt; : edustaa asiakirjan tai osan otsikkoa;
- & lt; nav & gt; : edustaa navigointiosiota;
- & lt; Main & gt; : edustaa asiakirjan päähenkilöä;
- & artikkeli & gt; : edustaa itsenäistä ja itsenäistä sisältöä;
- & lt; osio & gt; : edustaa asiakirjan yleistä osaa;
- & lt; sivua : edustaa siihen liittyvää, mutta ei olennaista sisältöä;
- & lt; alatunniste & gt; : edustaa asiakirjan tai osan alatunnusta.
Esimerkki semanttisten elementtien käytöstä
Seuraavaksi meillä on esimerkki siitä, kuinka semanttisia elementtejä käytetään oikein HTML -asiakirjassa:
& Lt; Header & gt;
& h1 & gt; sivuston otsikko & lt;/h1 & gt;
& Lt; nav & gt;
& Lt; ul & gt;
& lt;
& lt;
& lt;
& lt;/ul & gt;
& lt;/nav & gt;
& Lt;/Header & gt;& Lt; Main & Gt;
& lt; osio id = “noin” & gt;
& h2 & gt; noin & h2 & gt;
& Lt; p & gt; lonre ipsum dolor sit amet, Consicteturing Adipiscing Elit. NULLAM Autor, Nunc ID Ultrices Ultricia, Nunc Tincidunt Nunc, Ac lacinia nisl nunc id mauris. & Lt;/p & gt;
& lt;/osa & gt;& lt; osio id = “yhteystiedot” & gt;
& Lt; H2 & Gt;
& lt;
& Lt; muoto & gt;
& lt;!-muodon muodot-& gt;
& Lt;/muoto & gt;
& lt;/osa & gt;
& lt;/Main & gt;& Lt; alatunniste & gt;
& lt; p & g; kaikki oikeudet pidätetään. & P & g;
& lt;/alatunniste & gt;
johtopäätös
Semanttisten elementtien käyttö HTML -asiakirjassa on kriittistä sisällön rakenteen, saavutettavuuden ja indeksoinnin parantamiseksi. Näiden elementtien oikein käyttämällä on mahdollista luoda kevyempiä, ymmärrettäviä ja ystävällisempiä verkkosivuja sekä käyttäjille että hakukoneille.