Uključujući stare HTML elemente i one nove u HTML5
Iako je njegov razvoj započeo mnogo godina ranije, HTML5 je prvi put počeo da se koristi uobičajenim korišćenjem web dizajnera / programera 2010. Iza kapije se jezik osećao poznatim mnogim stručnjacima weba jer umesto da pokušava da otkrije sve iz nule, HTML5 Izgrađen na onome što je ranije došlo. Svako ko je znao HTML 4.01 brzo je našao da se prilično malo te verzije može naći u HTML5.
Iako HTML5 uključuje mnoge elemente koji su u HTML-u već neko vreme bili u toku, takođe je predstavio nekoliko elemenata koji su novi u HTML5. Za mnoge od ovih novih elemenata korišćen je pristup pod nazivom "popločavanje krava". Ovo je termin koji se uobičajeno koristi u IT-u, u suštini znači gledati šta ljudi već rade i to rade. U slučaju web dizajnera, to je značilo da vide kako su već gradili stranice i odlučivali o novim elementima o tim aktivnostima. Na primjer, mnogi web profesionalci će graditi web stranice sa podjelama koji su koristili ID ili klasu atributa "header", "nav" i "footer". Kao takav, HTML5 ih je predstavio kao nove elemente, omogućavajući web profesionalcima da daju više značenja njihovim dokumentima korištenjem namenskih elemenata za razdvajanje umjesto samo podela. Ova kombinacija familijarnosti i pristupa koji prepoznaju trenutne prakse pomogao je HTML5 da brzo prihvati industrija web dizajna.
HTML5 Doctype
Prvo, da biste koristili sve nove HTML5 elemente, vaš dokument mora sadržati HTML5 doktip koji je:
Možda ćete primetiti da ovaj doktype ne specifično pominje "HTML5", već jednostavno navodi verziju kao "html". To je zato što je ovaj doktip ono što namerava da se koristi za napredak u svim iteracijama jezika.
Zapravo, HTML5 bi trebao biti poslednja numerirana verzija jezika, s tim da će nove promjene biti dodate na dosledan način u budućnosti. Zapravo, neki od elemenata u dolenavedenoj listi su dodati na jezik dobro nakon tog početnog pritiska u 2010!
Tagovi HTML5
Tag | Objašnjenje |
---|---|
Sidro ili veza | |
abbr> | Kratica |
| Adresa ili autori dokumenta |
| Klijentska mapa slike |
| Članak |
Tangencijalni sadržaj | |
Audio stream | |
b> | Bold |
| Osnovne URI putanje za elemente u dokumentu |
bdo> | Dvosmerni algoritam |
blockquote> | Dugo citiranje |
body> | Tijelo stranice |
| Pauza linije |
| HTML oblik dugmeta |
| Platno za dinamičku grafiku |
Komentar | |
| Tabelarni prikaz |
cite> | Citation |
code> | Oznaka koda |
| Stolac za stolove |
| Grupna tabela kolona |
| Komanda ili akcija na stranici |
Definicija tipa dokumenta | |
| Data grid |
Predefinisane opcije za druge kontrole | |
| Opis liste definicija ili raspon diskursa |
| Izbrisan tekst |
| Dodatne informacije po zahtjevu |
dfn> | Definicija |
| Razgovor |
div> | Logička podjela |
| Lista opisa |
| Termin liste definicije ili zvučnik dijaloga |
em> | Naglasak |
Ugrađeni element za dodatke | |
Oblik kontroliše grupu | |
| Naslov koji se koristi za element |
| Slika sa opcionim naslovom |
Noga stranice | |
Obrazac | |
h1> | Naslov prvog nivoa |
h2> | Naslov drugog nivoa |
h3> | Naslov trećeg nivoa |
h4> | Naslov četvrtog nivoa |
h5> | Peti nivo naslova |
h6> | Šesti naslov |
head> | Šef dokumenta |
| Zaglavlje stranice |
hgroup> | Grupa zaglavlja |
| Horizontalno pravilo |
html> | Osnovni element Web stranice |
i> | Italic tekst stil |
Inline frame | |
Slika | |
| Element ulaznog oblika |
| Element formulara dugmeta |
Element obrazac za potvrdu | |
| Boja ulaz |
| Datum unosa |
Unos globalnog datuma i vremena | |
Lokalni unos datuma i vremena | |
Ulaz e-pošte | |
Element obrazac za učitavanje datoteke | |
Element elementa skrivene forme | |
Element za oblik obrazaca | |
| Godišnji i mesečni unos |
| Unos broja |
Element za lozinku | |
Element radijskog dugmeta | |
Unutrašnji unos broja | |
Taster za resetiranje tastera | |
Polje za pretragu | |
Element formu dugmeta Submit | |
Unos broja telefona | |
| Element za oblik polja teksta |
Ulaz za vreme | |
| URL ulaz |
Ulaz za godinu i sedmice | |
ins> | Umetnuti tekst |
kbd> | Tekst koji unese korisnik |
| Generišite bezbedne ključeve za upravljanje sertifikatima |
Oblik etikete | |
Oblik naslovnog polja | |
| List item |
Povezite se na srodne dokumente | |
| Glavna oblast sadržaja na stranici |
| Klijentska mapa slike |
mark> | Označeni ili označeni tekst |
Lista komandi | |
Meta informacije o dokumentu | |
| Skalarni merač |
Definišite oblast sa navigacijskim vezama | |
Sadržaj kada skripte nisu dostupne | |
Nestandardni objekat | |
| Naručena ili numerisana lista |
Grupa opcija na listi za odabir | |
| Opcija na listi za odabir |
Rezultat obračuna obrasca | |
p> | Paragraf |
Parametar elementa objekta | |
pre> | Predodformirani tekst |
| Indikator napretka |
q> | Kratak inlajn citat |
Rubija zagrada | |
Ruby text | |
ruby> | Ruby annotation |
| Strikeout tekst |
samp> | Izlazni uzorak |