Zatiaľ čo vývoj začal už pred mnohými rokmi, HTML5 začal v roku 2010 naozaj začať bežať s webovými dizajnérmi / vývojármi. Hneď z brány sa jazyk cítil známy mnohým profesionálom v oblasti webových aplikácií, pretože namiesto snaženia sa objavovať všetko od začiatku, HTML5 postavené na tom, čo už bolo. Každý, kto znal HTML 4.01, rýchlo zistil, že v HTML5 je teraz možné nájsť dostatok tejto verzie.
Zatiaľ čo HTML5 obsahuje veľa prvkov, ktoré sa už niekoľko rokov nachádzajú v jazyku HTML, predstavila aj niekoľko prvkov, ktoré boli nové pre HTML5. Pre mnohé z týchto nových prvkov bol použitý prístup nazvaný "dlažba cowpaths". Toto je termín, ktorý sa bežne používa v oblasti informačných technológií, aby v podstate myslel na to, čo ľudia už robia a robia to. V prípade webových dizajnérov to znamenalo vidieť, ako už stavali stránky a zakladali rozhodnutia o nových prvkoch na týchto aktivitách. Napríklad veľa webových profesionálov by vytvorilo webové stránky s divíziami, ktoré používali atribúty ID alebo Triedy "hlavičky", "nav" a "päty". Vďaka tomu HTML5 predstavil tieto prvky ako nové prvky, ktoré umožňujú profesionálom v oblasti webových aplikácií pridávať do svojich dokumentov viac významu pomocou vyhradených prvkov na delenie namiesto len rozdelenia. Táto kombinácia vedomostí a prístup, ktorý rozpoznal súčasné postupy, pomohol HTML5 rýchlo prijať odvetvie webového dizajnu.
HTML5 Doctype
Po prvé, ak chcete použiť akékoľvek nové prvky HTML5, dokument musí obsahovať dokument HTML5 doctype, ktorý je:
Môžete si všimnúť, že tento doctype výslovne neuvádza "HTML5", skôr jednoducho uvádza verziu ako "html". Je to preto, lebo to je to, čo sa má používať v budúcnosti pre všetky iterácie jazyka.
V skutočnosti je HTML5 poslednou očíslovanou verziou jazyka, pričom nové zmeny sa v budúcnosti pridávajú na konzistentnú bázu. V skutočnosti boli niektoré prvky v zozname uvedené nižšie pridané k jazyku aj po prvom nástupe v roku 2010!
Značky HTML5
| štítok | vysvetlenie | |
|---|---|---|
| Kotva alebo odkaz | ||
| Skratka | ||
| Adresa alebo autori dokumentu | ||
| Obrazová mapa na strane klienta | ||
| článok | ||
| Tangenciálny obsah | ||
| Audio stream | ||
| smelý | ||
| Základné cesty URI pre prvky v dokumente | ||
| Obojsmerný algoritmus | ||
| Dlhý citát | ||
| Telo stránky | ||
| Prerušenie riadku | ||
| Tlačidlo formulára HTML | ||
| Plátno pre dynamickú grafiku | ||
| komentár | ||
| Tabuľka popisu | ||
| citácie | ||
| Odkaz na kód | |
| Stĺpec tabuľky | ||
| Zoskupenie stĺpcov tabuliek | ||
| Príkaz alebo akcia na stránke | ||
| Definícia typu dokumentu | ||
| Dátová mriežka | ||
| Preddefinované možnosti pre iné ovládacie prvky | ||
| Popis zoznamu definícií alebo rozpätie diskusie | ||
| Odstránený text | ||
| Ďalšie informácie na vyžiadanie | ||
| definícia | ||
| konverzácia | ||
| Logické rozdelenie | ||
| Zoznam opisov | ||
| Definícia termínového dialógu alebo dialógu | ||
| Dôraz | ||
| Vložený prvok pre doplnky | ||
| Skupina kontrolných skupín | ||
| Caption používa pre a | ||
| Obrázok s voliteľným titulkom | ||
| Päta stránky | ||
| formulár | ||
| Titulok prvej úrovne | ||
| Titulok druhej úrovne | ||
| Nadpis tretej úrovne | ||
| Nadpis štvrtej úrovne | ||
| Titulok na piatej úrovni | ||
| Titul šiestej úrovne | ||
| Vedúci dokumentu | ||
|
| Hlavička stránky | |
| Nadpisová skupina | ||
| Horizontálne pravidlo | ||
| Kořenový prvok webovej stránky | ||
| Textový štýl kurzívou | ||
| Inline frame | ||
| obraz | ||
| Vstupný prvok formulára | ||
| Tlačidlo zložky tlačidla | ||
| Začiarknutie formulára | ||
| Vstup farieb | ||
| Zadanie dátumu | ||
| Globálny vstup dátumu a času | ||
| Miestny dátum a čas vstupu | ||
| Zadanie e-mailovej adresy | ||
| Element formulára na odovzdanie súboru | ||
| Element poľa skrytého tvaru | ||
| Element obrázkového formulára | ||
| Rok a mesiac vstup | ||
| Zadanie čísla | ||
| Element formulára hesla | ||
| Prvok formulára rádiového tlačidla | ||
| Nepresný počet vstupov | ||
| Obnoviť prvok formulára tlačidla | ||
| Pole vyhľadávania | ||
| Odoslať prvok formulára tlačidla | ||
| Zadanie telefónneho čísla | ||
| Prvok formulára textového poľa | ||
| Vstup času | ||
| Vstup URL | ||
| Rok a týždeň vstup | ||
| Vložený text | ||
| Text, ktorý má byť zadaný používateľom | ||
| Vytvorte zabezpečené kľúče na správu certifikátov | ||
| Označenie formulára | ||
| Titulek poľa formulára formulára | ||
| Položka zoznamu | ||
| Odkaz na súvisiace dokumenty | ||
| Hlavná oblasť obsahu na stránke | ||
| Obrazová mapa na strane klienta | ||
| Označený alebo zvýraznený text | ||
| Zoznam príkazov | ||
| Meta informácie o dokumente | ||
| Skalárny rozchod | ||
| Definujte oblasť s navigačnými odkazmi | ||
| Obsah, keď skripty nie sú k dispozícii | ||
| Neštandardný objekt | ||
|
| Objednaný alebo očíslovaný zoznam | |
| Skupina možností vo vybratom zozname | ||
| Možnosť vo vybratom zozname | ||
| Výsledok výpočtu formulára | ||
| Odsek | ||
| Parameter prvku objektu | ||
|
| Predformátovaný text | |
| Indikátor pokroku | ||
| Krátka inline citácia | ||
| Rubyová zátvorka | ||
| Rubínový text | ||
| Rubová anotácia | ||
| Strikeout text | ||
| Vzorový výstup | ||
| skripty | ||
| Časť stránky | ||
| Zvoľte alebo rozbaľovacie zoznamy | ||
| Malá veľkosť písma | ||
| Zdroj médií | ||
| Generic kontajner inline štýlu | ||
| Silný dôraz | ||
| Štýlové listy | ||
| index | ||
| Zhrnutie obsahu prvkov DETAILS | ||
| nazvaný | ||
| stôl | ||
| Riadky tabuľkových tiel | ||
| Tabuľková bunka | ||
| Viacúčelový prvok formulára | ||
| Riadky päty tabuľky | ||
| Bunka hlavičky tabuľky | ||
| Riadky hlavičky tabuľky | ||
| Definuje čas | ||
| nadpis | ||
| Riadok tabuľky | ||
|
| Nezoradený alebo bulletovaný zoznam | |
| Variabilný alebo užívateľom definovaný text | ||
|
Video alebo film vložený do stránky |
