Mikilvægur grundvallarregla á vefnum staðla hreyfingu sem er ábyrgur fyrir iðnaðinn sem við höfum í dag er sú hugmynd að nota HTML þætti fyrir það sem þeir eru frekar en hvernig þær kunna að birtast í vafranum sjálfgefið. Þetta er þekkt sem að nota merkingartækni HTML.
Hvað er merkingartækni HTML
Semantic HTML eða semantic markup er HTML sem kynnir þýðingu fyrir vefsíðuna frekar en bara kynningu. Til dæmis bendir
merki á að meðfylgjandi texti sé málsgrein.
Þetta er bæði merkingartækni og kynningarefni, því fólk þekkir hvaða málsgreinar eru og vafrar vita hvernig á að birta þær.
Á hliðinni á þessari jöfnu eru merkingar eins og og ekki merkingartækni, vegna þess að þeir skilgreina aðeins hvernig textinn ætti að líta (feitletrað eða skáletrað) og gefa ekki neina viðbótar merkingu við merkinguna.
Dæmi um merkingarmerki HTML tags innihalda heitmerkin
í gegnum , , og . Það eru margar fleiri merkingarmerki HTML tags sem hægt er að nota þegar þú ert að byggja upp staðla sem er samhæft.
Hvers vegna ættir þú að hugsa um merkingartækni
Ávinningur af að skrifa merkingartækni HTML stafar af því sem ætti að vera akstursmarkmið hvers vefsíðunnar - löngun til að miðla. Með því að bæta merkingarmerki við skjalið þitt, gefðu þér frekari upplýsingar um það skjal, hvaða hjálpartæki í samskiptum. Sérstaklega merkingar merkingar merkja vafrann hvað merkingin á síðunni og innihaldi hennar er.
Þessi skýrleiki er einnig miðlað við leitarvélar og tryggir að réttar síður séu afhentar fyrir réttar fyrirspurnir.
Semantic HTML tags veita upplýsingar um innihald þessara tóna sem fer út fyrir því hvernig þær líta á síðu. Texti sem fylgir með merkinu er strax viðurkennt af vafranum sem einhvers konar forritunarmál.
Í stað þess að reyna að gera þessi kóða skilur vafrinn að þú notar þessi texta sem dæmi um kóðann í því skyni að nota grein eða á netinu námskeið af einhverju tagi.
Notkun merkingarmerkja gefur þér margar fleiri krókar til að stilla efni þitt. Kannski í dag viltu frekar hafa kóða sýnin sýnd í sjálfgefnu vafranum, en á morgun viltu hringja þá út með grárum bakgrunnslitum og seinna viltu skilgreina nákvæman einbreitt leturgerð eða leturgerð til að nota fyrir sýnin þín. Þú getur auðveldlega gert allt þetta með því að nota merkingartækni og snjallan beitt CSS.
Notaðu merkingartákn réttilega
Þegar þú vilt nota merkingarmerki til að flytja merkingu frekar en til kynningar, þarftu að gæta þess að þú notir þær ekki ranglega einfaldlega fyrir sameiginlega skjá eiginleika þeirra. Sumir af algengustu misnotuð merkingarmerkjunum eru:
- blockquote - Sumir nota merkið til að innihalda texta sem er ekki tilvitnun. Þetta er vegna þess að gæsalöggjöf er sjálfgefin. Ef þú vilt einfaldlega ávinning af innskoti, en textinn er ekki blockquote skaltu nota CSS marmar í staðinn.
- p - Sumir vefstjórar nota
& nbsp; (non-breaking pláss í paragraoph) til að bæta við viðbótarplássi milli síðueininga, frekar en að skilgreina raunveruleg málsgreinar fyrir texta þess síðu. Eins og með áðurnefnda innangreindu dæmi, þá ættir þú að nota ramma eða púðarstíl eign til að bæta við plássi.
- ul - Eins og blokkahlutfall, sem tengir texta inni í
tagi, er þetta texti í flestum vöfrum. Þetta er bæði merkingarlaust og ógilt HTML, því aðeins - merkin eru gild innan
tag. Aftur skaltu nota forskotið eða púðarstílinn að innsláttartexta.
- h1-h6 - Höfundarmerkin geta verið notaðir til að gera letur stærri og bolder en ef textinn er ekki fyrirsögn ætti hann ekki að vera inni á vöruliðinu. Notaðu leturstærðina og leturstærðina CSS eiginleikana í staðinn ef þú vilt breyta stærð eða þyngd tiltekinna texta á síðunni þinni ..
Með því að nota HTML tög sem hafa merkingu skapar þú síður sem gefa upp meiri upplýsingar en bara í kringum allt með
tags.
Hvaða HTML-merkingar eru merkingartækni?
Þó að næstum hvert HTML4 tag og öll HTML5 merkin hafi merkingartækni, eru sumar merkingar fyrst og fremst merkingarfræðilegar í eðli sínu.
Til dæmis hefur HTML5 endurskilgreint merkingu og merkin til að vera merkingartækni. Merkið gefur ekki meiri áherslu en texta sem venjulega er feitletrað. Táknið felur einnig ekki í sér meiri áherslu eða áherslu heldur skilgreinir texta sem venjulega er gerð í skáletrun.
Semantic HTML Tags
Skammstöfun Skammstöfun
Langt tilvitnun Skilgreining Heimilisfang fyrir höfund (ar) skjalsins Tilvitnun Kóði tilvísun Teletype texti Rökfræðileg deild Generic inline stíl ílát Eyða texta Innsettur texti Áhersla Mikil áhersla
Fyrstu stigs fyrirsögn
Secondary headline
Þriðja stigs fyrirsögn
Fjórða stigs fyrirsögn
Fimmta stigs fyrirsögn
6. stigs fyrirsögn
Thematic brot Texti sem notandi færir inn
Forsniðin texti
Stutt innlínusetning Dæmi framleiðsla Áskrift Superscript Variable eða notandi skilgreindur texti
, og . Það eru margar fleiri merkingarmerki HTML tags sem hægt er að nota þegar þú ert að byggja upp staðla sem er samhæft.
Hvers vegna ættir þú að hugsa um merkingartækni
Ávinningur af að skrifa merkingartækni HTML stafar af því sem ætti að vera akstursmarkmið hvers vefsíðunnar - löngun til að miðla. Með því að bæta merkingarmerki við skjalið þitt, gefðu þér frekari upplýsingar um það skjal, hvaða hjálpartæki í samskiptum. Sérstaklega merkingar merkingar merkja vafrann hvað merkingin á síðunni og innihaldi hennar er.
Þessi skýrleiki er einnig miðlað við leitarvélar og tryggir að réttar síður séu afhentar fyrir réttar fyrirspurnir.
Semantic HTML tags veita upplýsingar um innihald þessara tóna sem fer út fyrir því hvernig þær líta á síðu. Texti sem fylgir með merkinu er strax viðurkennt af vafranum sem einhvers konar forritunarmál.
Í stað þess að reyna að gera þessi kóða skilur vafrinn að þú notar þessi texta sem dæmi um kóðann í því skyni að nota grein eða á netinu námskeið af einhverju tagi.
Notkun merkingarmerkja gefur þér margar fleiri krókar til að stilla efni þitt. Kannski í dag viltu frekar hafa kóða sýnin sýnd í sjálfgefnu vafranum, en á morgun viltu hringja þá út með grárum bakgrunnslitum og seinna viltu skilgreina nákvæman einbreitt leturgerð eða leturgerð til að nota fyrir sýnin þín. Þú getur auðveldlega gert allt þetta með því að nota merkingartækni og snjallan beitt CSS.
Notaðu merkingartákn réttilega
Þegar þú vilt nota merkingarmerki til að flytja merkingu frekar en til kynningar, þarftu að gæta þess að þú notir þær ekki ranglega einfaldlega fyrir sameiginlega skjá eiginleika þeirra. Sumir af algengustu misnotuð merkingarmerkjunum eru:
- blockquote - Sumir nota merkið til að innihalda texta sem er ekki tilvitnun. Þetta er vegna þess að gæsalöggjöf er sjálfgefin. Ef þú vilt einfaldlega ávinning af innskoti, en textinn er ekki blockquote skaltu nota CSS marmar í staðinn.
- p - Sumir vefstjórar nota
& nbsp; (non-breaking pláss í paragraoph) til að bæta við viðbótarplássi milli síðueininga, frekar en að skilgreina raunveruleg málsgreinar fyrir texta þess síðu. Eins og með áðurnefnda innangreindu dæmi, þá ættir þú að nota ramma eða púðarstíl eign til að bæta við plássi.
- ul - Eins og blokkahlutfall, sem tengir texta inni í
tagi, er þetta texti í flestum vöfrum. Þetta er bæði merkingarlaust og ógilt HTML, því aðeins - merkin eru gild innan
tag. Aftur skaltu nota forskotið eða púðarstílinn að innsláttartexta.
- h1-h6 - Höfundarmerkin geta verið notaðir til að gera letur stærri og bolder en ef textinn er ekki fyrirsögn ætti hann ekki að vera inni á vöruliðinu. Notaðu leturstærðina og leturstærðina CSS eiginleikana í staðinn ef þú vilt breyta stærð eða þyngd tiltekinna texta á síðunni þinni ..
Með því að nota HTML tög sem hafa merkingu skapar þú síður sem gefa upp meiri upplýsingar en bara í kringum allt með
tags.
Hvaða HTML-merkingar eru merkingartækni?
Þó að næstum hvert HTML4 tag og öll HTML5 merkin hafi merkingartækni, eru sumar merkingar fyrst og fremst merkingarfræðilegar í eðli sínu.
Til dæmis hefur HTML5 endurskilgreint merkingu og merkin til að vera merkingartækni. Merkið gefur ekki meiri áherslu en texta sem venjulega er feitletrað. Táknið felur einnig ekki í sér meiri áherslu eða áherslu heldur skilgreinir texta sem venjulega er gerð í skáletrun.
Semantic HTML Tags
Skammstöfun Skammstöfun
Langt tilvitnun Skilgreining Heimilisfang fyrir höfund (ar) skjalsins Tilvitnun Kóði tilvísun Teletype texti Rökfræðileg deild Generic inline stíl ílát Eyða texta Innsettur texti Áhersla Mikil áhersla
Fyrstu stigs fyrirsögn
Secondary headline
Þriðja stigs fyrirsögn
Fjórða stigs fyrirsögn
Fimmta stigs fyrirsögn
6. stigs fyrirsögn
Thematic brot Texti sem notandi færir inn
Forsniðin texti
Stutt innlínusetning Dæmi framleiðsla Áskrift Superscript Variable eða notandi skilgreindur texti