Allir sem taka þátt í vefhönnun eða þróun munu hafa rekist á hugtakið "merkingartækni" með tilvísun í HTML5 og á vefnum almennt. Þetta oft erfiða hugtak er skiljanlegt ruglingslegt fyrir marga af okkur, sérstaklega þar sem það er sérstakt skortur á samstöðu um skilgreiningu þess í ákveðnum samhengi.

Í þessari grein munum við kanna hvað gerir HTML5 meira merkingartæki en forverar þess, sem lýsir því hvað þetta þýðir fyrir þróun vefur núna og í framtíðinni.

Semantics er um merkingu

Hugtakið merkingarfræði kemur frá sviði tungumála sem hollur er til rannsóknar á merkingu. Með náttúrulegum tungumálum eins og ensku, greinaum við á milli setningafræði (eða málfræði) og merkingu. Ef þú hugsar um setningu hefur merkingin áhrif á hvernig fólk túlkar það:

"Maðurinn kastaði tölvunni í gegnum gluggann."

Semantics tengist þeim þáttum setningarinnar sem gerir fólki kleift að lesa það til að skilja skilaboðin sem eru í henni. Samhliða setningafræði er merkingartækni stór hluti af því sem auðveldar samskipti í gegnum tungumál. Þegar við tölum um merkingarfræði í tengslum við HTML, erum við að tala um samskipti milli tölvuforrita, ekki menn. Semantic HTML er í meginatriðum ætlað að auka umfang umsókna sem hægt er að vinna úr, eða túlka efni á vefnum. Til dæmis skaltu íhuga eftirfarandi vefsíðu útdrátt sem inniheldur nokkrar af lengri HTML uppbyggingu:

The man threw the computer through the window.

Þættirnir (og eiginleikarnir) gefa vafrann upplýsingar um hvernig á að kynna efni fyrir notandann. Hlutar þættir verða sjálfgefin birtar með hvítum rúm fyrir ofan og neðan þá, myndatökur birtast með myndskránni sem fylgir með src eigindinu og svo framvegis. Þegar vafrinn hittir hvert þessara þátta gerir það efni á ákveðnu leið sem er að lokum ákvarðað af merkimiða sem notuð eru.

HTML mannvirki hafa nú þegar merkingu

Það er mikilvægt að skilja að HTML5 kynnir ekki merkingarfræði í HTML í fyrsta skipti. HTML hafði nú þegar stig af merkingarfræði innbyggt. Núverandi HTML-mannvirki eru þroskandi í mismiklum mæli. Ef þú lítur á þetta þekki HTML frumefni sem er innifalið í ofangreindum útdrætti, þá muntu sjá hvað ég meina:

Þó að það sé styttt, táknar nafn frumefnisins img eitthvað sem skiptir máli um innihald merkisins, þ.e. að það sé mynd. Þannig geturðu hugsað um merkingartækni hliðar HTML eins og það er eins og lýsigögn, þar sem frummerkið og eiginleiki nafna lýsa gögnum (gögnin á vefsíðu sem innihalda frumefni og eigindi innihalds).

Mundu þegar við byrjuðum að skilja efni úr stíl?

Sumar mannvirki sem við höfum notað í HTML, segðu vafranum hvernig á að stilla innihaldsefnin á síðu. Þegar tíminn er liðinn hefur verið hvatt til að aðskilja formatting á síðu úr innihaldi hennar.

Til dæmis, við skiptum um I merkið með em, sem er meira þroskandi og segir ekki vafrann nákvæmlega hvernig á að birta textann inni í frumefni. Tilgangurinn með því að nota em frekar en ég er að flytja upplýsingar um eðli efnisins, frekar en upplýsingar um að stilla hana. The em auðvitað hefur áhrif á stíl, sem er helsta ástæðan fyrir því að við notum það, en það skilur upplýsingar um stíl upp í vafrann og / eða CSS kóða sem er fullkomlega aðskilin frá síðunni.

Semantic HTML5 er stærra skref í þessu ferli. Endanlegt markmið er að búa til kerfi þar sem forrit hafa aðgang að meiri merkingu - þetta er ekki AI þó, það snýst bara um að innihalda lýsandi upplýsingar um gagnahluti innan kóðamyndanna sem líkja þeim.

Er þetta ekki svipað XML?

Ef þú hefur notað XML í fortíðinni, munt þú hafa einhverja þekkingu á hugtökunum í merkingartækni. Til dæmis, þegar þú skrifar XML skjal (eða töflureikni) fyrir gagnasafni, velur þú þætti og eiginleika á líkanategundum innan gagna. Helst skilgreinir þátturinn og eiginleiki nöfnin gögnargögnin á mikilvægan hátt:

Jim Smith23 November 2012

Framkvæmdaraðili hér hefur valið nöfn sem innsæi lýsa gögnum sem verið er að móta. Með HTML5 geturðu ekki valið eigin þætti, þar sem það er ekki frjálslega þenslulegt. Uppbyggingin sem valin er fyrir það hefur einfaldlega meira innbyggð merkingu í samanburði við fyrri útgáfur.

Við the vegur, það eru mismunandi tegundir af merkingu

Við höfum talað um merkingu, en í raun eru mismunandi leiðir þar sem frumefni eða önnur kóðaútdráttur getur verið þýðingarmikill.

Img merkið er þýðingarmikið því það segir eitthvað um innihald efnisins og lýsir því hvað það er.

Sumir nýju HTML5 þættirnar, svo sem haus og fótur, eru þýðingarmiklar vegna þess að þeir gefa til kynna eitthvað um hlutverk eða tilgang frumefnisins innan heildar uppbyggingar síðu.

Hvernig tengist þetta allt við HTML5 kóða þá?

Svo hvað felur í sér þessa aukna þroskandi þætti HTML5? Í grundvallaratriðum hefur HTML5 nokkrar nýjar þættir sem hægt er að innihalda fleiri merkingarfræðilegar upplýsingar í vefsíðunni þinni. Það eru fullt af nýjum þáttum, aðeins nokkrar sem við munum líta á hér. Heiða merkið gefur til kynna upplýsingar um innihald frumefnisins og um hlutverk sitt í síðuuppbyggingu:

Man in Window Outburst

Header þátturinn getur innihaldið aðra þætti og hefur tilhneigingu til að innihalda að minnsta kosti eina fyrirsögn. Fótamerkið er svipað og merkið gefur aftur til kynna eitthvað sem er þýðingarmikið um innihald frumefnisins og tengsl hennar við restina af síðunni:

Höfuðmerkið lýsir tilgangi síðuþáttar, þ.e. að það innihaldi siglingar tengla:

Einingin inniheldur venjulega hóp af hlutum á sama þema, oft ásamt heiti. Þáttarhlutinn hefur nokkuð abstrakt merkingu en það er þó þroskandi:

What happened
Police officers apprehended the man at 3.30pm...

Greinarþætturinn er svipaður, notaður til að skilgreina hlut sem er sjálfstætt:

The Law
The law on throwing items through windows is very clear...

An hliðarmerki gefur til kynna hlutverk frumefnis miðað við samhengi þess á síðunni, eins og í eftirfarandi framlengdu útgáfu af greinarkóðanum hér fyrir ofan:

The Law
The law on throwing items through windows is very clear...

Þetta eru bara nokkrar af nýju HTML5 þættunum sem bjóða upp á merkingarbreytingar, aðrir innihalda innsláttarþætti fjölmiðla og notenda auk viðbótar eiginleika. Inntaka örgagna í HTML5 veitir einnig aukna svigrúm til að innihalda merkingarupplýsingar á vefsíðum og forritum. Eins og þú sérð eru sum þessir nýju þættir þroskandi bæði hvað varðar innihald og uppbyggingu.

Hugsaðu um nokkrar af eldri merkjunum (margir þeirra eru enn í kring), svo sem div. The div frumefni er einfaldlega klumpur af síðu - merkið heitir okkur ekkert nákvæmlega um innihald frumefnisins eða hlutverk þess á síðunni. Með öðrum orðum, merkir merkið mjög litla merkingu. Mörg langvarandi merkingar flytja annaðhvort nánast engin merkingu yfirleitt eða í sumum tilfellum almenna, létt skilgreindan merkingu. Hver hlutur á vefsíðu var í einum hóp af mjög almennum þáttakaflokkum. Lykillinn að því að gera eitthvað gagnlegt er að vera sérstakur. Hin nýja HTML5 merkjamál leyfa okkur að skilgreina vef efni með sérstökum skilmálum.

Vartu þegar að bæta merkingu við merkingu þína?

Ef þú hefur búið til vefsíður á hæfilegan tíma, geta sumir nýju HTML5 þættir hringt í nokkrar bjöllur fyrir þig. Í raun og veru, verktaki var þegar að byggja upp merkingu í síðum sínum með því að nota þátta eiginleika, einkum kennslustund og kennitölu. Til dæmis, ef þú hefur einhvern tíma gefið frumefni í kennslustund eða kennitölu "fótspor" eða "haus" ertu vissulega ekki einn. Með HTML5 er þessi merking notuð í merkingunni sjálfri en í eiginleikum. Ef þú notaðir þessar eiginleikar til að framkvæma ákveðnar hönnunareiginleikar, gerðir þú í raun að gera eitthvað handvirkt sem er byggt inn í HTML5 út úr reitnum - og með merkingarfræðilegum þáttum eru fleiri kostir ...

Af hverju erum við að gera allt þetta?

Allt í lagi, þetta er allt mjög vel en þú vilt fyrirgefið því að spyrja hvers vegna við förum öll þessi vandræði fyrir eitthvað sem virðist í raun hugmyndafræðilegt / fræðilegt. Jæja, þú getur verið viss um að það eru góðar ástæður fyrir því að flytja í merkingarstefnu. Eins og við höfum séð, gerir HTML5 merkingartækni okkur kleift að búa til merkjamál sem lýsir innihaldsefnum. Þessi lýsandi þáttur í kóðanum gerir öðrum forritum kleift að nýta efnið með skilvirkum hætti, með ýmsum forritum:

• Leitarhæfni er ætlað að umbreyta með fyrirfram vefur merkingarfræði. Semantic markup gerir efni / gögn fleiri leita. Vefsíður eru auðvitað ekki bara skoðuð í vafranum, þau eru einnig unnin af öðrum forritum eins og leitarvél vélmenni. Þar sem merkingartækni er hannað til að láta forrita túlka vefsíður á fleiri mikilvægum vegu, ætti þetta að lokum að bæta gæði leitar / fyrirspurnar með verulegu magni. Í Tim Berners-Lee er oft vitnað "draumur" á vefnum, tölvur geta greint öll gögnin á netinu - það gæti verið langt frá, en merkingartækið á HTML5 er hvatt af því tagi sem langtímamarkmið .
• Aðgengi er ein helsta kosturinn við merkingartækni. Aðgengi tól geta haft gagn af miklum tilgangi að efni á vefnum. Slíkar verkfæri eru viðbætur fyrir vafra fyrir notendur með takmarkaða sýn, heyrn, námsörðugleika og svo framvegis. Semantic markup gerir það mögulegt að forrita til að vinna úr efni á vefnum og niðurstaðan til að miðla upprunalegu skilaboðum til notandans á þann hátt sem hentar þörfum þeirra. Þetta hugtak nær yfir aðgengi og inn í ríki sveigjanleika tækisins, með tækni eins og móttækilegri hönnun. Niðurstaðan er heildstæðari nálgun við að skila efni á vefnum.
• Samræmi ætti að vera raunverulegur velgjörður á merkingartækni HTML5. Semantic markup bætir samkvæmni, þar sem innihaldsefni eru meira rökrétt úthlutað tilteknum þáttategundum. Þetta er í mótsögn við eldri gerðirnar, þar sem hlutir geta oft verið eins og rökrétt sé að finna í einhverjum af mismunandi gerðum eininga - að velja einn var ekki vísbending um eðli efnisins eða hlutverk hennar á síðunni, það var bara ímynd af vali verktaki. Með merkingartækni merkir nákvæmari merkingin þessi valkostur minna en niðurstöðurnar eru auðvitað áreiðanlegri þegar kemur að því að túlka annað hvort með vafranum eða öðrum forritum.

Verktaki rekur framvindu veftækni

Þegar ég var á einum degi (fyrir nokkrum árum) man ég fyrirmælanda að okkur væri að fræðasviðin yrði gjörbylta með framfarir í leit. Hann var að tala um merkingartæknivefinn - óþarfur að segja að það hafi ekki gerst fyrr enn. Að taka hvers kyns einbeittan nýja átt með eitthvað eins fjölbreytt og óreglulegt og World Wide Web er alltaf að fara að vera erfitt verkefni. Hins vegar, með því að komast í skefjum með hugmyndinni um merkingarmerkingu að minnsta kosti, getum við sem verktaki virkað til að hafa áhrif á hreyfingu gagnvart framtíðarvef, sem er aðgengilegri, leitandi og samkvæmur fyrir alla notendur.

Notarðu merkingartækni HTML5? Er lögð áhersla á merkingarfræði að framleiða hágæða vöru? Láttu okkur vita hvað þér finnst í athugasemdum.

Valin mynd / smámynd, notar tungumálsmynd um Shutterstock.