Vrátane starých HTML prvkov a nových HTML5
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 | |
| abbr> | Skratka |
| | Adresa alebo autori dokumentu |
| | Obrazová mapa na strane klienta |
| | článok |
| | Tangenciálny obsah |
| Audio stream | |
| b> | smelý |
| | Základné cesty URI pre prvky v dokumente |
| bdo> | Obojsmerný algoritmus |
blockquote> | Dlhý citát |
| body> | Telo stránky |
| | Prerušenie riadku |
| | Tlačidlo formulára HTML |
| Plátno pre dynamickú grafiku | |
| komentár | |
| | Tabuľka popisu |
| cite> | citácie |
code> | 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 |
| dfn> | definícia |
| konverzácia | |
| div> | Logické rozdelenie |
| Zoznam opisov |
| | Definícia termínového dialógu alebo dialógu |
| em> | Dôraz |
| Vložený prvok pre doplnky | |
| Skupina kontrolných skupín | |
| | Titulok použitý pre prvok |
| <Číslo> číslo> | Obrázok s voliteľným titulkom |
| Päta stránky | |
| formulár | |
h1> | Titulok prvej úrovne |
h2> | Titulok druhej úrovne |
h3> | Nadpis tretej úrovne |
h4> | Nadpis štvrtej úrovne |
h5> | Titulok na piatej úrovni |
h6> | Titul šiestej úrovne |
| head> | Vedúci dokumentu |
| | Hlavička stránky |
| hgroup> | Nadpisová skupina |
| | Horizontálne pravidlo |
| html> | Kořenový prvok webovej stránky |
| i> | 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 |
| ins> | Vložený text |
| kbd> | 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 | |
| mark> | 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 | |
| p> | Odsek |
| Parameter prvku objektu | |
pre> | Predformátovaný text |
| | Indikátor pokroku |
q> | Krátka inline citácia |
| Rubyová zátvorka | |
| Rubínový text | |
| ruby> | Rubová anotácia |
| | Strikeout text |
| samp> | Vzorový výstup |