Þar á meðal gömul HTML-þættir og nýjar HTML5
Þó að þróun hennar hafi byrjað mörg ár áður, byrjaði HTML5 fyrst að koma til algengrar notkunar hjá vefhönnuðum / verktaki árið 2010. Rétt út úr hliðinu fannst tungumálið þekki mörgum fagfólki á vefnum vegna þess að í stað þess að reyna að endurfjárfesta allt frá grunni, HTML5 byggt á því sem áður hafði komið. Allir sem vissu HTML 4.01 komu fljótt að því að nokkuð af þeirri útgáfu gæti nú verið að finna í HTML5.
Þó HTML5 inniheldur margar þættir sem hafa verið í HTML í smá stund, kynnti það einnig handfylli þætti sem voru nýjar HTML5. Fyrir marga af þessum nýjum þáttum var notaður aðferð sem heitir "paving the cowpaths". Þetta er hugtak sem er almennt notað í upplýsingatækni til að í raun þýða að horfa á það sem fólk er að gera og gera það. Þegar um er að ræða vefhönnuðarmenn áttu þetta að sjá hvernig þeir voru að byggja upp síður og byggja ákvarðanir um nýjar þætti í þessum verkefnum. Til dæmis, margir sérfræðingar á vefnum myndu byggja vefsíður með deildum sem notuðu auðkenni eða flokka eiginleika "header", "nav" og "footer". Sem slíkur kynnti HTML5 þetta sem nýjar þættir, sem gerir vefþjónum kleift að bæta við meiri merkingu í skjöl sín með því að nota hollur hlutdeildarþætti í stað bara deildir. Þessi sambland af þekkingu og nálgun sem viðurkenndi núverandi starfshætti hjálpaði HTML5 að vera hratt tekið af vefhönnunariðnaði.
HTML5 Doctype
Í fyrsta lagi, til að nota nýjar HTML5 þættir, verður skjalið þitt að innihalda HTML5 doktypið sem er:
Þú gætir tekið eftir því að þetta leturgerð sé ekki sérstaklega nefnt "HTML5", en einfaldlega segir einfaldlega útgáfan sem "html". Þetta er vegna þess að þetta gerð er það sem ætlað er að nota til að fara áfram fyrir allar endurtekningar tungumálsins.
Í raun er HTML5 að vera síðasta númeruð útgáfa tungumálsins, með því að bæta nýjum breytingum á stöðugan hátt í framtíðinni. Reyndar hafa nokkur atriði í listanum hér að neðan verið bætt við tungumálið vel eftir að fyrstu byrjunin var tekin árið 2010!
HTML5 merkin
Tag | Útskýring | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Akkeri eða hlekkur | |||||||||||||
abbr> | Skammstöfun | ||||||||||||
| Heimilisfang eða höfundar skjalsins | ||||||||||||
| Myndavél fyrir viðskiptavinarhlið | ||||||||||||
| Gr | ||||||||||||
| Hugsanlegt efni | ||||||||||||
| Hljóðstraumur | ||||||||||||
b> | Djarfur | ||||||||||||
| Grundvallar URI slóðir fyrir þætti í skjalinu | ||||||||||||
bdo> | Tvíátta reiknirit | ||||||||||||
blockquote> | Langt tilvitnun | ||||||||||||
| Líkami á síðunni | ||||||||||||
| Line brot | ||||||||||||
| HTML formhnappur | ||||||||||||
| Canvas fyrir dynamic grafík | ||||||||||||
Athugasemd | |||||||||||||
| Tafla yfirskrift | ||||||||||||
cite> | Tilvitnun | ||||||||||||
code> | Kóði tilvísun | ||||||||||||
| Töflu dálkur | ||||||||||||
| Tafla dálkur hópur | ||||||||||||
| Stjórn eða aðgerð á síðunni | ||||||||||||
Skjal tegund skilgreiningu | |||||||||||||
| Gögn rist | ||||||||||||
| Fyrirfram skilgreindir valkostir fyrir aðrar stýringar | ||||||||||||
| Skilgreining lista lýsing eða umfang umræðu | ||||||||||||
| Eyða texta | ||||||||||||
| Viðbótarupplýsingar um eftirspurn | ||||||||||||
dfn> | Skilgreining | ||||||||||||
| Samtal | ||||||||||||
div> | Rökfræðileg deild | ||||||||||||
| Lýsing lista | ||||||||||||
| Skilgreining lista orð eða talhólf | ||||||||||||
em> | Áhersla | ||||||||||||
Embedded þáttur fyrir viðbætur | |||||||||||||
Form stjórna hóp | |||||||||||||
| Yfirskriftin notuð fyrir | ||||||||||||
| Mynd með valkvæman texta | ||||||||||||
| Fótbolti á síðunni | ||||||||||||
Form | |||||||||||||
h1> | Fyrstu stigs fyrirsögn | ||||||||||||
h2> | Annað stig fyrirsögn | ||||||||||||
h3> | Þriðja stigs fyrirsögn | ||||||||||||
h4> | Fjórða stigs fyrirsögn | ||||||||||||
h5> | Fimmta stigs fyrirsögn | ||||||||||||
h6> | Sjötta stigs fyrirsögn | ||||||||||||
| Forstöðumaður skjalsins | ||||||||||||
| Haus á síðu | ||||||||||||
hgroup> | Fyrirsögn hópur | ||||||||||||
| Lárétt regla | ||||||||||||
html> | Root þáttur á vefsíðu | ||||||||||||
i> | Skáletrað texta stíl | ||||||||||||
Inline ramma | |||||||||||||
Mynd | |||||||||||||
| Innsláttarsniðsþáttur | ||||||||||||
| Button form þáttur | ||||||||||||
| Valkostur fyrir kassann | ||||||||||||
| Litur inntak | ||||||||||||
| Dagsetning inntak | ||||||||||||
| Global dagsetning og tími inntak | ||||||||||||
| Staðbundin dagsetning og tími inntak | ||||||||||||
| Netfang inntaks | ||||||||||||
| Upphleðsluskilríki skráar | ||||||||||||
| Falinn formasviðsþáttur | ||||||||||||
| Myndareining | ||||||||||||
| Ár og mánuður inntak | ||||||||||||
| Númer inntak | ||||||||||||
| Lykilorð | ||||||||||||
| Hnappur myndarhluta | ||||||||||||
| Óákveðinn fjöldi inntak | ||||||||||||
| Endurstilla hnappur myndar þáttur | ||||||||||||
| Leitarreit | ||||||||||||
| Sendu inn formhnappi fyrir hnappinn | ||||||||||||
| Símanúmer inntak | ||||||||||||
| Textareiknishluti | ||||||||||||
| Tími inntak | ||||||||||||
| URL innsláttur | ||||||||||||
| Ár og viku inntak | ||||||||||||
ins> | Innsettur texti | ||||||||||||
kbd> | Texti sem notandi færir inn | ||||||||||||
| Búðu til örugga lykla fyrir stjórnun vottorða | ||||||||||||
| Form merkimiða | ||||||||||||
Eyðublaðið fyrir eyðublaðið | |||||||||||||
| Listatriði | ||||||||||||
| Tengill við tengda skjöl | ||||||||||||
| Helstu innihaldsefni á síðu | ||||||||||||
Myndavél fyrir viðskiptavinarhlið | |||||||||||||
mark> | Merktur eða auðkenndur texti | ||||||||||||
| Listi yfir skipanir | ||||||||||||
Meta upplýsingar um skjalið | |||||||||||||
| Scalar gauge | ||||||||||||
Skilgreindu svæði með flakkaslóðum | |||||||||||||
Efni þegar forskriftir eru ekki tiltækar | |||||||||||||
| Óstöðluð mótmæla | ||||||||||||
| Raðað eða númeruð listi | ||||||||||||
Hópur valkosta í lista | |||||||||||||
| Valkostur í velja lista | ||||||||||||
| Niðurstaða form útreikninga | ||||||||||||
p> | Mgr | ||||||||||||
Parameter af hluthluta | |||||||||||||
pre> | Forsniðin texti | ||||||||||||
| Framvinduvísir | ||||||||||||
q> | Stutt innlínusetning | ||||||||||||
Ruby sviga | |||||||||||||
Ruby texti | |||||||||||||
Ruby> | Ruby annotation | ||||||||||||
| Strikeout texti | ||||||||||||
samp> | Dæmi framleiðsla | ||||||||||||
| Handrit | ||||||||||||
| Hluti af síðu | ||||||||||||
| Veldu eða fellivalmyndalistar | ||||||||||||
small> | Lítil leturstærð | ||||||||||||
| Media uppspretta | ||||||||||||
span> | Generic inline stíl ílát | ||||||||||||
strong> | Mikil áhersla | ||||||||||||
| Style blöð | ||||||||||||
| Áskrift | ||||||||||||
| Samantekt á innihaldi DETAILS efnisins | ||||||||||||
sup> | Superscript | ||||||||||||
| Tafla | ||||||||||||
Tafla líkama raðir | |||||||||||||
td> | Tafla klefi | ||||||||||||
Multi-line form þáttur | |||||||||||||
Tafla fótur raðir | |||||||||||||
th> | Tafla hausseðill | ||||||||||||
thead> Röð töfluhausar | | Skilgreinir tíma | | Titill | | Tafla röð | |
Óflokkað eða buletted listi | var> | Variable eða notandi skilgreindur texti | | Myndskeið eða kvikmynd innbyggður á síðu |