Et viktig prinsipp for Webstandardbevegelsen som er ansvarlig for bransjen vi har i dag, er ideen om å bruke HTML-elementer for hva de er, snarere enn hvordan de kan vises i nettleseren som standard. Dette er kjent som bruk av semantisk HTML.
Hva er Semantisk HTML
Semantisk HTML eller semantisk markering er HTML som introduserer mening til nettsiden i stedet for bare presentasjon. For eksempel a
tag indikerer at vedlagt tekst er et avsnitt.
Dette er både semantisk og presentasjonelt, fordi folk vet hvilke avsnitt som er og nettlesere vet hvordan de skal vises.
På baksiden av denne ligningen, merker som og er ikke semantiske, fordi de bare definerer hvordan teksten skal se ut (fet eller kursiv) og gir ingen ytterligere betydning for oppmerkningen. Eksempler på semantiske HTML-koder inkluderer topptekstene Fordelen med å skrive semantisk HTML stammer fra det som skal være målet for enhver nettside - ønsket om å kommunisere. Ved å legge til semantiske koder i dokumentet, gir du ytterligere informasjon om det dokumentet, som hjelpemidler i kommunikasjon. Spesielt betyr semantiske koder det for nettleseren hva meningen med en side og innholdet er. Denne klarheten er også kommunisert med søkemotorer, slik at de riktige sidene blir levert for de riktige spørringene. Semantiske HTML-koder gir informasjon om innholdet i de kodene som går utover hvordan de ser på en side. Tekst som er vedlagt i I stedet for å forsøke å gjengi koden forstår nettleseren at du bruker den teksten som et eksempel på koden for en artikkel eller en online opplæring av noe slag. Ved å bruke semantiske koder får du mange flere kroker for å utforme innholdet ditt. Kanskje i dag foretrekker du at kodesampler vises i standard nettleser stil, men i morgen vil du kalle dem ut med en grå bakgrunnsfarge, og senere vil du definere den nøyaktige monofilte fontfamilien eller skriftstakken som skal brukes til dine prøver. Du kan enkelt gjøre alle disse tingene ved å bruke semantisk markering og smart brukt CSS. Når du vil bruke semantiske koder for å formidle mening snarere enn for presentasjonsformål, må du være forsiktig med at du ikke bruker dem feilaktig bare for deres vanlige visningsegenskaper. Noen av de mest brukte misbrukte semantiske kodene inkluderer: Ved å bruke HTML-koder som har betydning, lager du sider som gir mer informasjon enn bare ved å omgjøre alt med Mens nesten alle HTML4-tagger og alle HTML5-taggene har en semantisk betydning, er noen tagger primært semantiske i naturen. For eksempel har HTML5 omdefinert betydningen av og koder for å være semantisk. De tag overfører ikke ekstra betydning, men heller tekst som vanligvis gjengis i fet skrift. De tag også ikke formidle ekstra betydning eller vekt, men heller definerer tekst som vanligvis gjengis i kursiv. Semantiske HTML-taggergjennom
,
,
og . Det er mange flere semantiske HTML-koder som kan brukes når du bygger en standardkompatibel nettside.Hvorfor du bør bry deg om semantikk
Merket gjenkjennes umiddelbart av nettleseren som en slags kodingsspråk. Bruk Semantic Tags Correct
tag for innrykkstekst som ikke er et sitat. Dette skyldes at blokkeringer er innskrevet som standard. Hvis du bare vil ha fordeler med innrykk, men teksten ikke er en blokkquote, bruk CSS-marginer i stedet.
tag indents den teksten i de fleste nettlesere. Dette er både semantisk feil og ugyldig HTML, som bare
stikkord. Igjen, bruk marginen eller polstringstilen til innrykkstekst.
Hvilke HTML-merker er semantiske?
Forkortelse akronym Langt anførselstegn Definisjon Adresse for forfatter (e) av dokumentet Sitering Kode referanse Teletype tekst Logisk deling Generisk inline stil container Slettet tekst Sett inn tekst Vektlegging Sterk vekt Første nivå overskrift Overskrift på andre nivå Tredje nivå overskrift Fjerde nivå overskrift Fifth-level overskrift Sjette nivå overskrift Tematisk pause Tekst som skal legges inn av brukeren
Forformatert tekst Kort inline sitat Eksempelutgang senket hevet Variabel eller brukerdefinert tekst
