Zatímco jeho vývoj začal mnoho let předtím, HTML5 nejprve začal běžně užívat s webovými designéry / vývojáři v roce 2010. Právě ven z brány se jazyk cítil známý mnoha profesionálům z webu, protože místo toho, aby se snažil vše znovu vymyslet od začátku, HTML5 postaveno na tom, co přišlo dříve. Každý, kdo znal HTML 4.01, rychle zjistil, že v HTML5 je nyní možné najít spoustu této verze.
Zatímco HTML5 obsahuje mnoho prvků, které byly již nějakou dobu v HTMLu, představila také hrstka prvků, které byly HTML5 nové. Pro mnohé z těchto nových prvků byl použit přístup nazvaný "dlažba krávy". Toto je termín, který se běžně používá v oblasti informačních technologií, aby v podstatě umožňoval sledovat, co lidé již dělají a dělat to. V případě webových designérů to znamenalo, že vidí, jak již stavěly stránky a rozhodovaly o nových prvcích na těchto aktivitách. Například mnoho webových profesionálů by stavělo webové stránky s divizemi, které používaly atributy ID nebo Třídy "záhlaví", "nav" a "zápatí". Jako takový HTML5 představil tyto prvky jako nové prvky, což umožňuje profesionálům v oblasti webových aplikací přidávat do svých dokumentů více významu tím, že používají vyčleněné prvky pro dělení namísto pouze rozdělení. Tato kombinace známosti a přístup, který rozpoznal současné postupy, pomohl HTML5 rychle obejmout web design.
HTML5 Doctype
Nejprve, pro použití jakýchkoli nových prvků HTML5 musí dokument obsahovat dokument HTML5 doctype, který je:
Můžete si všimnout, že tento dokument doctype výslovně nezmiňuje "HTML5", ale spíše jednoduše uvádí verzi jako "html". Je to proto, že tento doktát je to, co má být použito vpřed pro všechny iterace jazyka.
Ve skutečnosti se předpokládá, že HTML5 je poslední očíslovaná verze jazyka a nové změny se v budoucnu přidávají na konzistentní bázi. Ve skutečnosti se některé prvky v níže uvedeném seznamu přidaly do jazyka i po počátečním posunu v roce 2010!
Značky HTML5
| Štítek | Vysvětlení | |
|---|---|---|
| Kotva nebo spojení | ||
| Zkratka | ||
| Adresa nebo autoři dokumentu | ||
| Obrazová mapa na straně klienta | ||
| Článek | ||
| Tangenciální obsah | ||
| Audio stream | ||
| tučně | ||
| Základní cesty URI pro prvky v dokumentu | ||
| Obousměrný algoritmus | ||
| Dlouhá nabídka | ||
| Tělo stránky | ||
| Přerušení řádku | ||
| Tlačítko formátu HTML | ||
| Plátno pro dynamickou grafiku | ||
| Komentář | ||
| Titulek tabulky | ||
| Citace | ||
| Odkaz na kód | |
| Stůl sloupce | ||
| Seskupování sloupců tabulky | ||
| Příkaz nebo akce na stránce | ||
| Definice typu dokumentu | ||
| Datová mřížka | ||
| Předdefinované možnosti pro další ovládací prvky | ||
| Popis definice seznamu nebo rozpětí diskurzu | ||
| Odstraněný text | ||
| Další informace na vyžádání | ||
| Definice | ||
| Konverzace | ||
| Logické rozdělení | ||
| Seznam popisů | ||
| Definice termínu nebo dialogového reproduktoru | ||
| Důraz | ||
| Vložený prvek pro pluginy | ||
| Skupiny ovládacích prvků formuláře | ||
| Titulek použitý pro a | ||
| Obrázek s volitelným popisem | ||
| Zápatí stránky | ||
| Formulář | ||
| Nadpis první úrovně | ||
| Nadpis druhé úrovně | ||
| Nadpis třetí úrovně | ||
| Nadpis čtvrtého stupně | ||
| Titulek páté úrovně | ||
| Titulek šesté úrovně | ||
| Vedoucí dokumentu | ||
|
| Záhlaví stránky | |
| Nadpisová skupina | ||
| Horizontální pravidlo | ||
| Kořenový prvek webové stránky | ||
| Textový styl kurzívou | ||
| Inline rámeček | ||
| obraz | ||
| Vstupní prvek | ||
| Tlačítkový prvek | ||
| Zaškrtávací políčko | ||
| Barevný vstup | ||
| Zadání data | ||
| Globální datum a čas | ||
| Místní datum a čas vstupu | ||
| Zadání e-mailové adresy | ||
| Prvek formuláře pro upload souboru | ||
| Skrytý element pole pole | ||
| Element obrazového tvaru | ||
| Rok a měsíc vstup | ||
| Zadání čísla | ||
| Prvek formuláře hesla | ||
| Element tvaru rádiového tlačítka | ||
| Nepřesné zadání čísla | ||
| Obnovit prvek tvaru tlačítka | ||
| Pole pro vyhledávání | ||
| Odeslat prvek formuláře tlačítka | ||
| Zadání telefonního čísla | ||
| Prvek formuláře textového pole | ||
| Časový vstup | ||
| Vstup URL | ||
| Vstup na rok a týden | ||
| Vložený text | ||
| Text, který má být zadán uživatelem | ||
| Vytvořte zabezpečené klíče pro správu certifikátů | ||
| Označení formuláře | ||
| Titulek pole formuláře formuláře | ||
| Položka seznamu | ||
| Odkaz na související dokumenty | ||
| Hlavní oblast obsahu na stránce | ||
| Obrazová mapa na straně klienta | ||
| Značený nebo zvýrazněný text | ||
| Seznam příkazů | ||
| Meta informace o dokumentu | ||
| Skalární měřidlo | ||
| Definujte oblast s navigačními odkazy | ||
| Obsah, pokud nejsou k dispozici skripty | ||
| Neštandardní objekt | ||
|
| Objednaný nebo očíslovaný seznam | |
| Skupina voleb ve vybraném seznamu | ||
| Možnost v seznamu vybraných položek | ||
| Výsledek výpočtu formuláře | ||
| Odstavec | ||
| Parametr prvku objektu | ||
|
| Předem formátovaný text | |
| Indikátor pokroku | ||
| Krátká inline nabídka | ||
| Rubyová závorka | ||
| Ruby text | ||
| Ruby anotace | ||
| Strikeout text | ||
| Ukázkový výstup | ||
| Skripty | ||
| Část stránky | ||
| Zvolte nebo rozbalte seznamy nabídek | ||
| Malá velikost písma | ||
| Zdroj médií | ||
| Generický kontejner s inline stylem | ||
| Silný důraz | ||
| Stylové listy | ||
| Subscript | ||
| Shrnutí obsahu prvků DETAILS | ||
| Superscript | ||
| Stůl | ||
| Řádky těla tabulky | ||
| Buňka tabulky | ||
| Víceřádkový formulářový prvek | ||
| Řádky zápatí tabulky | ||
| Buňka záhlaví tabulky | ||
| Řádky záhlaví tabulky | ||
| Definuje čas | ||
| Titul | ||
| Řádek tabulky | ||
|
| Neuvedený nebo buletovaný seznam | |
| Text s proměnlivým nebo uživatelsky definovaným textem | ||
|
Video nebo film vložený do stránky |
