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 |