Nors jos kūrimas prasidėjo daugelį metų, HTML5 pirmą kartą iš pradžių prasidėjo įprastą naudojimą su interneto dizaineriais ir kūrėjais 2010 metais. Netrukus iš vartų, kalba atrodė pažįstama daugeliui žiniatinklio profesionalų, nes vietoj bando iš naujo išrasti viską nuo pat pradžių, HTML5 pastatytas remiantis tuo, kas anksčiau buvo. Kiekvienas, kuris žinojo HTML 4.01, greitai nustatė, kad gana šiek tiek šios versijos dabar galima rasti HTML5.
Nors HTML5 apima keletą elementų, kurie jau kurį laiką buvo aptikti HTML, ji taip pat pristatė keletą elementų, kurie buvo nauji HTML5. Daugeliui šių naujų elementų buvo naudojamas požiūris, vadinamas "tvoros dangomis". Tai terminas, kuris paprastai naudojamas IT, iš esmės reiškia pažvelgti į tai, ką žmonės daro ir daro. Interneto dizainerių atveju tai reikštų, kaip jie jau pastatė puslapius ir pagrindė sprendimus dėl naujų elementų šiai veiklai. Pavyzdžiui, daugelis žiniatinklio profesionalų sukurs svetaines su padaliniais, kuriuose naudojami "header", "nav" ir "footer" ID arba klasės požymiai. Tokiu būdu HTML5 pristatė juos kaip naujus elementus, leidžiančius žiniatinklio specialistams papildyti savo dokumentų reikšmę, naudodamas specialius sekcijų elementus, o ne tiesiog skirstymus. Šis supratimas ir požiūris, kuriuo pripažįstama dabartinė praktika, padėjo HTML5 greitai įsisavinti interneto dizaino pramonę.
HTML5 "Doctype"
Visų pirma, norint naudoti bet kokius naujus HTML5 elementus, jūsų dokumente turi būti HTML tipo doctype, kuris yra:
Galbūt pastebėsite, kad šis "doctype" konkrečiai nenurodo "HTML5", o tiesiog nurodo versiją kaip "html". Taip yra todėl, kad šis "doctype" yra tas, kurį ketinama naudoti, einantis į priekį dėl visų kalbos kartų.
Tiesą sakant, HTML5 turėtų būti paskutinė numeruota kalbos versija, ateityje nauji pakeitimai bus nuosekliai pridedami. Iš tiesų, kai kurie iš toliau pateiktame sąraše esančių elementų buvo pridėti prie kalbos gerai po to, kai 2010 m.
HTML5 žymos
| Žyma | Paaiškinimas | |
|---|---|---|
| Inkaras arba nuoroda | ||
| Santrumpa | ||
| Dokumento adresas arba autoriai | ||
| Kliento pusės vaizdo atvaizdas | ||
| Straipsnis | ||
| Tangentinis turinys | ||
| Garso srautas | ||
| Bold | ||
| Bazinės URI takai dokumento elementams | ||
| Dviejų krypčių algoritmas | ||
| Ilga citata | ||
| Puslapio korpusas | ||
| Linija pertrauka | ||
| HTML formos mygtukas | ||
| Drobės dinaminei grafikai | ||
| Komentaras | ||
| Lentelės parašas | ||
| Citavimas | ||
| Kodo nuoroda | |
| Lentelės stulpelis | ||
| Lentelės stulpelių grupavimas | ||
| Puslapio valdymas arba veiksmas | ||
| Dokumento tipo apibrėžimas | ||
| Duomenų tinklelis | ||
| Iš anksto nustatytos kitos kontrolės priemonės | ||
| Sąvokų sąrašo aprašymas ar diskursas | ||
| Ištrintas tekstas | ||
| Papildoma informacija pagal pareikalavimą | ||
| Apibrėžimas | ||
| Pokalbis | ||
| Loginis skyrius | ||
| Aprašų sąrašas | ||
| Apibrėžimo sąrašo terminas arba dialogo garsiakalbis | ||
| Pabrėžimas | ||
| Įterptinis elementas papildiniams | ||
| Formos kontrolės grupė | ||
| Antraštė, naudojama a | ||
| Paveikslas su neprivaloma antrašte | ||
| Puslapio apačioje | ||
| Forma | ||
| Pirmojo lygio antraštė | ||
| Antrojo lygio antraštė | ||
| Trečiojo lygio antraštė | ||
| Ketvirto lygio antraštė | ||
| Penktojo lygio antraštė | ||
| Šeštojo lygio antraštė | ||
| Dokumento vadovas | ||
|
| Puslapio antraštė | |
| Pozicijos grupė | ||
| Horizontali taisyklė | ||
| Svetainės pagrindinis elementas | ||
| Itališko teksto stilius | ||
| Vidinis rėmelis | ||
| Vaizdas | ||
| Įvesties formos elementas | ||
| Mygtuko formos elementas | ||
| Pažymėjimo formos elementas | ||
| Spalvos įvestis | ||
| Data įvesties data | ||
| Pasaulinis datos ir laiko įvedimas | ||
| Vietos datos ir laiko įvedimas | ||
| El. Pašto adreso įvedimas | ||
| Failo įkėlimo formos elementas | ||
| Paslėptas formos lauko elementas | ||
| Vaizdo formos elementas | ||
| Metai ir mėnesio įvestis | ||
| Numeris įvestis | ||
| Slaptažodžio formos elementas | ||
| Radijo mygtuko formos elementas | ||
| Neįtikėtinas numeris įvesties | ||
| Atstatyti mygtuko formos elementą | ||
| Paieškos laukas | ||
| Pateikti mygtuko formos elementą | ||
| Telefono numerio įvestis | ||
| Teksto lauko formos elementas | ||
| Laiko įvestis | ||
| URL įvestis | ||
| Metai ir savaitės įvestis | ||
| Įterptas tekstas | ||
| Tekstas, kurį turi įvesti naudotojas | ||
| Sukurkite saugius raktus sertifikatų valdymui | ||
| Formos etiketė | ||
| Formos lauko parašas | ||
| Sąrašo elementas | ||
| Nuoroda į susijusius dokumentus | ||
| Pagrindinis puslapio turinio sritis | ||
| Kliento pusės vaizdo atvaizdas | ||
| Pažymėtas arba paryškintas tekstas | ||
| Komandų sąrašas | ||
| Meta informacija apie dokumentą | ||
| Skalario daviklis | ||
| Apibrėžti sritį su navigacijos nuorodomis | ||
| Turinys, kai scenarijai nėra | ||
| Nestandartinis objektas | ||
|
| Užsakytas ar sunumeruotas sąrašas | |
| Parinkčių grupė pasirinktame sąraše | ||
| Parinktis pasirinktame sąraše | ||
| Formos skaičiavimo rezultatas | ||
| Punktas | ||
| Objekto elemento parametras | ||
|
| Iš anksto suformatuotas tekstas | |
| Pažangos rodiklis | ||
| Trumpa eilutė | ||
| Rubino skliausteliai | ||
| Rubino tekstas | ||
| Rubino anotacija | ||
| Strikeout tekstas | ||
| Pavyzdžio išvestis | ||
| Scenarijus | ||
| Puslapio sekcija | ||
| Pasirinkite arba išskleidžiamojo meniu sąrašus | ||
| Mažas šrifto dydis | ||
| Medijos šaltinis | ||
| Bendras inline stiliaus konteineris | ||
| Stiprus akcentas | ||
| Stiliaus lapai | ||
| Indeksas | ||
| DETALIŲ elementų turinio santrauka | ||
| Viršūnė | ||
| Lentelė | ||
| Stalo kūno eilutės | ||
| Stalo ląstelė | ||
| Daugialypis formos elementas | ||
| Lentelės poraštės eilutės | ||
| Lentelės antraštės langelis | ||
| Lentelės antraštės eilutės | ||
| Nustato laiką | ||
| Pavadinimas | ||
| Stalo eilutė | ||
|
| Neapdorotas ar buletted sąrašas | |
| Kintamas arba vartotojo apibrėžtas tekstas | ||
|
Vaizdo įrašas ar filmas, įterptas puslapyje |
