'N Belangrike beginsel van die Web Standards-beweging wat verantwoordelik is vir die bedryf wat ons vandag het, is die idee om HTML-elemente te gebruik vir wat hulle eerder is as hoe dit in die blaaier by verstek voorkom. Dit staan bekend as die gebruik van Semantiese HTML.
Wat is Semantiese HTML
Semantiese HTML of semantiese opmaak is HTML wat betekenis aan die webblad bekend stel, eerder as net die aanbieding. Byvoorbeeld, 'n
-kode dui aan dat die ingeslote teks 'n paragraaf is.
Dit is beide semanties en aanbiedings, omdat mense weet wat paragrawe is en blaaiers weet hoe om dit te vertoon.
Aan die kant van hierdie vergelyking is etikette soos en nie semanties nie, omdat hulle slegs definieer hoe die teks moet lyk (vet of kursief) en geen addisionele betekenis vir die opmerkings verskaf nie.
Voorbeelde van semantiese HTML-etikette sluit in die koptekste
deur , , en . Daar is baie meer semantiese HTML-tags wat gebruik kan word as jy 'n standaarde-voldoenende webwerf bou.
Hoekom moet jy oor Semantiek omgee
Die voordeel van die skryf van semantiese HTML spruit voort uit wat die bestuursdoel van enige webblad moet wees - die begeerte om te kommunikeer. Deur semantiese etikette by jou dokument by te voeg, verskaf u addisionele inligting oor die dokument, wat help met kommunikasie. Spesifiek, maak semantiese etikette dit duidelik vir die leser wat die betekenis van 'n bladsy en die inhoud daarvan is.
Daardie duidelikheid word ook met soekenjins gekommunikeer, en verseker dat die regte bladsye vir die regte navrae gelewer word.
Semantiese HTML-etikette verskaf inligting oor die inhoud van die etikette wat verder gaan as hoe hulle op 'n bladsy lyk. Teks wat in die kode ingesluit word, word dadelik deur die blaaier erken as 'n soort koderingstaal.
In plaas daarvan om te probeer om daardie kode te lewer, verstaan die leser dat jy daardie teks as voorbeeld van die kode gebruik vir die doeleindes van 'n artikel of aanlyn tutoriaal van een of ander aard.
Die gebruik van semantiese etikette gee jou baie meer hake vir die stilering van jou inhoud. Miskien wil jy vandag jou kodemonsters vertoon in die verstek blaaierstyl, maar môre wil jy hulle uitroep met 'n grys agtergrondkleur en later wil jy die presiese mono-spasiëring-fontfamilie of lettertypestapel definieer om te gebruik vir jou monsters. Jy kan maklik al hierdie dinge doen deur die gebruik van semantiese opmerkings en slim toegepaste CSS.
Gebruik Semantiese Tags korrek
As jy semantiese etikette wil gebruik om betekenis eerder as vir aanbiedingsdoeleindes te gee, moet jy versigtig wees dat jy dit nie verkeerd gebruik net vir hul algemene vertoon eienskappe nie. Sommige van die algemeenste misbruikte semantiese etikette sluit in:
- blockquote - Sommige mense gebruik die -tag om teks uit te druk wat nie 'n kwotasie is nie. Dit is omdat blokkwotasies by verstek ingeperk word. As jy net voordele van indentasie wil hê, maar die teks nie 'n blokquote is nie, gebruik eerder CSS-marges.
- p - Sommige webredakteurs gebruik
& nbsp; ('n nie-breekruimte in 'n paragraoph) om ekstra spasie tussen bladsy-elemente by te voeg, eerder as om werklike paragrawe vir die teks van die bladsy te definieer. Soos met die voorheen vermelde voorbeeld voorbeeld, moet u die eienskap van die marge of paddingstyl gebruik om spasie toe te voeg.
- ul - Soos blockquote, sluit teks in 'n
tag die teks in die meeste blaaiers in. Dit is beide semanties verkeerd en ongeldige HTML, aangesien slegs - etikette geldig is binne 'n
tag. Weereens, gebruik die marge of paddingstyl vir inspringende teks.
- h1-h6 - Die opskriftekens kan gebruik word om lettertipes groter en dikker te maak, maar as die teks nie 'n opskrif is nie, moet dit nie binne 'n opskrifetiket wees nie. Gebruik die lettertipe en fontgrootte CSS-eienskappe in plaas daarvan as jy die grootte of gewig van spesifieke teks op jou bladsy wil verander.
Deur HTML-etikette te gebruik wat betekenis het, skep jy bladsye wat meer inligting gee as deur net
tags te omring.
Watter HTML-etikette is semanties?
Terwyl byna elke HTML4-tag en al die HTML5-tags 'n semantiese betekenis het, is sommige etikette hoofsaaklik semanties van aard.
Byvoorbeeld, HTML5 het die betekenis van die en -tabelle herdefinieer om semanties te wees. Die tag gee nie ekstra belangrikheid nie, maar eerder teks wat gewoonlik vetgedruk word. Die -tag gee ook nie ekstra belangrikheid of klem nie, maar definieer eerder teks wat tipies in kursief voorkom.
Semantiese HTML-etikette
staat Akroniem
Lang aanhaling definisie Adres vir outeur (s) van die dokument aanhaling Kodeverwysing Teletipe teks Logiese afdeling Generiese inlyn styl houer Geskrapte teks Ingevoegde teks klem Sterk klem
Eerste vlak kop
Tweede vlak kop
Derde vlak kop
Vierde-vlak kop
Vyfde-vlak kop
Sesvlak-opskrif
Tematiese breek Teks wat deur die gebruiker ingevoer moet word
Voorgeplakte teks
Kort inline kwotasie Voorbeeld uitset onderskrif superscript Veranderlike of gebruiker gedefinieerde teks
, en . Daar is baie meer semantiese HTML-tags wat gebruik kan word as jy 'n standaarde-voldoenende webwerf bou.
Hoekom moet jy oor Semantiek omgee
Die voordeel van die skryf van semantiese HTML spruit voort uit wat die bestuursdoel van enige webblad moet wees - die begeerte om te kommunikeer. Deur semantiese etikette by jou dokument by te voeg, verskaf u addisionele inligting oor die dokument, wat help met kommunikasie. Spesifiek, maak semantiese etikette dit duidelik vir die leser wat die betekenis van 'n bladsy en die inhoud daarvan is.
Daardie duidelikheid word ook met soekenjins gekommunikeer, en verseker dat die regte bladsye vir die regte navrae gelewer word.
Semantiese HTML-etikette verskaf inligting oor die inhoud van die etikette wat verder gaan as hoe hulle op 'n bladsy lyk. Teks wat in die kode ingesluit word, word dadelik deur die blaaier erken as 'n soort koderingstaal.
In plaas daarvan om te probeer om daardie kode te lewer, verstaan die leser dat jy daardie teks as voorbeeld van die kode gebruik vir die doeleindes van 'n artikel of aanlyn tutoriaal van een of ander aard.
Die gebruik van semantiese etikette gee jou baie meer hake vir die stilering van jou inhoud. Miskien wil jy vandag jou kodemonsters vertoon in die verstek blaaierstyl, maar môre wil jy hulle uitroep met 'n grys agtergrondkleur en later wil jy die presiese mono-spasiëring-fontfamilie of lettertypestapel definieer om te gebruik vir jou monsters. Jy kan maklik al hierdie dinge doen deur die gebruik van semantiese opmerkings en slim toegepaste CSS.
Gebruik Semantiese Tags korrek
As jy semantiese etikette wil gebruik om betekenis eerder as vir aanbiedingsdoeleindes te gee, moet jy versigtig wees dat jy dit nie verkeerd gebruik net vir hul algemene vertoon eienskappe nie. Sommige van die algemeenste misbruikte semantiese etikette sluit in:
- blockquote - Sommige mense gebruik die -tag om teks uit te druk wat nie 'n kwotasie is nie. Dit is omdat blokkwotasies by verstek ingeperk word. As jy net voordele van indentasie wil hê, maar die teks nie 'n blokquote is nie, gebruik eerder CSS-marges.
- p - Sommige webredakteurs gebruik
& nbsp; ('n nie-breekruimte in 'n paragraoph) om ekstra spasie tussen bladsy-elemente by te voeg, eerder as om werklike paragrawe vir die teks van die bladsy te definieer. Soos met die voorheen vermelde voorbeeld voorbeeld, moet u die eienskap van die marge of paddingstyl gebruik om spasie toe te voeg.
- ul - Soos blockquote, sluit teks in 'n
tag die teks in die meeste blaaiers in. Dit is beide semanties verkeerd en ongeldige HTML, aangesien slegs - etikette geldig is binne 'n
tag. Weereens, gebruik die marge of paddingstyl vir inspringende teks.
- h1-h6 - Die opskriftekens kan gebruik word om lettertipes groter en dikker te maak, maar as die teks nie 'n opskrif is nie, moet dit nie binne 'n opskrifetiket wees nie. Gebruik die lettertipe en fontgrootte CSS-eienskappe in plaas daarvan as jy die grootte of gewig van spesifieke teks op jou bladsy wil verander.
Deur HTML-etikette te gebruik wat betekenis het, skep jy bladsye wat meer inligting gee as deur net
tags te omring.
Watter HTML-etikette is semanties?
Terwyl byna elke HTML4-tag en al die HTML5-tags 'n semantiese betekenis het, is sommige etikette hoofsaaklik semanties van aard.
Byvoorbeeld, HTML5 het die betekenis van die en -tabelle herdefinieer om semanties te wees. Die tag gee nie ekstra belangrikheid nie, maar eerder teks wat gewoonlik vetgedruk word. Die -tag gee ook nie ekstra belangrikheid of klem nie, maar definieer eerder teks wat tipies in kursief voorkom.
Semantiese HTML-etikette
staat Akroniem
Lang aanhaling definisie Adres vir outeur (s) van die dokument aanhaling Kodeverwysing Teletipe teks Logiese afdeling Generiese inlyn styl houer Geskrapte teks Ingevoegde teks klem Sterk klem
Eerste vlak kop
Tweede vlak kop
Derde vlak kop
Vierde-vlak kop
Vyfde-vlak kop
Sesvlak-opskrif
Tematiese breek Teks wat deur die gebruiker ingevoer moet word
Voorgeplakte teks
Kort inline kwotasie Voorbeeld uitset onderskrif superscript Veranderlike of gebruiker gedefinieerde teks