Vključno z starimi HTML elementi in novimi v HTML5
Medtem ko se je njegov razvoj začel mnogo let prej, se je HTML5 najprej res začel uporabljati s spletnimi oblikovalci / razvijalci v letu 2010. Tudi izven vrat je jezik mnogim spletnim strokovnjakom znal poznati, ker namesto da bi poskusil znova iz nič, HTML5 zgrajena na tem, kar je bilo prej. Vsakdo, ki je vedel HTML 4.01, je hitro ugotovil, da je zdaj lahko v HTML5 na voljo precej malo te različice.
Medtem ko HTML5 vključuje veliko elementov, ki so bili nekoč v HTML-ju, je uvedla tudi nekaj elementov, ki so bili novi v HTML5. Za mnoge od teh novih elementov je bil uporabljen pristop, imenovan "tlakovanje kravatov". To je izraz, ki se običajno uporablja v IT, da bi v bistvu pomenil, kaj ljudje že počnejo in to delajo. V primeru spletnih oblikovalcev je to pomenilo, da bi videli, kako so že izdelovali strani in odločale o novih elementih o teh dejavnostih. Na primer, mnogi spletni strokovnjaki bi gradili spletna mesta z oddelki, ki so uporabili atribute ID ali razreda »glava«, »nav« in »noga«. Kot tak, HTML5 jih je predstavil kot nove elemente, ki spletnim strokovnjakom omogočajo dodajanje večjega pomena njihovim dokumentom z uporabo namenskih razdelitvenih elementov namesto samo delitev. Ta kombinacija poznavanja in pristopa, ki je prepoznala sedanje prakse, je pripomogla k hitremu sprejemanju HTML5 v industriji spletnega oblikovanja.
HTML5 Doctype
Najprej, če želite uporabiti nove elemente HTML5, mora dokument vsebovati doktip HTML5, ki je:
Morda boste opazili, da ta doktót ne posebej omenja "HTML5", ampak preprosto navaja različico kot "html". To je zato, ker je ta doktip namenjen uporabi za nadaljevanje vseh ponovitev jezika.
Pravzaprav je HTML5 najnovejša oštevilčena različica jezika, pri čemer bodo v prihodnosti dodane nove spremembe. Pravzaprav so nekateri elementi na spodnjem seznamu dodani v jezik tudi po prvem zagonu leta 2010!
Oznake HTML5
Oznaka | Pojasnilo |
---|---|
Sidro ali povezava | |
abbr> | Kratica |
| Naslov ali avtorji dokumenta |
| Kartica slikovnih kartic |
| Članek |
| Tangencialna vsebina |
| Avdio tok |
b> | Bold |
| Osnovne URI poti za elemente v dokumentu |
bdo> | Dvosmerni algoritem |
blockquote> | Dolga kotacija |
body> | Telo strani |
| Prelom vrstice |
| Gumb za obliko HTML |
| Platno za dinamično grafiko |
Komentar | |
| Podnaslov tabele |
cite> | Navedba |
code> | Oznaka kode |
| Stolpec tabele |
| Razvrščanje stolpcev stolpcev |
| Ukaz ali ukrep na strani |
Definicija vrste dokumenta | |
| Podatkovna mreža |
Vnaprej določene možnosti za druge kontrole | |
| Opis seznama definicij ali razpon diskurza |
| Izbrisano besedilo |
| Dodatne informacije na zahtevo |
dfn> | Opredelitev |
Pogovor | |
div> | Logična delitev |
| Seznam opisov |
| Definicijski seznam izrazov ali zvočnik za pogovor |
em> | Poudarek |
Vdelani element za vtičnike | |
Oblika kontrolne skupine | |
| Napis, uporabljen za element |
<številka> številka> | Slika z izbirnim napisom |
Noga strani | |
Obrazec | |
h1> | Naslov prvega nivoja |
h2> | Naslov drugega nivoja |
h3> | Naslov tretje ravni |
h4> | Naslov četrtega nivoja |
h5> | Naslov v petem nivoju |
h6> | Šesti naslov |
| Vodja dokumenta |
| Glava strani |
hgroup> | Naslovna skupina |
| Horizontalno pravilo |
html> | Korenski element spletne strani |
i> | Italic besedilo slog |
Inline okvir | |
Slika | |
| Element vhodne oblike |
Element oblikovanja gumba | |
Element obrazca za potrditveno polje | |
Barvni vhod | |
Datum vnosa | |
Globalni vnos datuma in časa | |
Lokalni vnos datuma in časa | |
Vnos e-poštnega naslova | |
Element obrazca za nalaganje datoteke | |
Element polja skrite oblike | |
Element obrazca | |
Vnos leta in meseca | |
Številčni vnos | |
Element za geslo | |
Element elementa radijskega gumba | |
Vnos imprecijske številke | |
Element za oblikovanje gumba za ponastavitev | |
Polje za iskanje | |
Element obrazca gumba Submit | |
Vnos telefonske številke | |
Element obrazca za besedilo | |
Čas vnosa | |
Vnos URL-ja | |
Vnos leta in tedna | |
ins> | Vstavljeno besedilo |
kbd> | Besedilo, ki ga vnese uporabnik |
| Ustvari varne ključe za upravljanje s certifikati |
Oznaka obrazca | |
Označite polje fieldset | |
| Seznam elementa |
Povezava s povezanimi dokumenti | |
| Glavno področje vsebine na strani |
Kartica slikovnih kartic | |
mark> | Označeno ali označeno besedilo |
Seznam ukazov | |
Meta informacije o dokumentu | |
| Skalarni profil |
Določite območje s navigacijskimi povezavami | |
Vsebina, kadar skripte niso na voljo | |
Nestandardni objekt | |
| Naročen ali oštevilčen seznam |
Skupina možnosti na seznamu izbranih | |
| Možnost na izbranem seznamu |
| Rezultat izračuna obrazca |
p> | Odstavek |
Parameter elementa objekta | |
pre> | Predhodno oblikovano besedilo |
| Kazalnik napredka |
q> | Kratek povzetek |
Ruby oklepaj | |
Ruby besedilo | |
ruby> | Ruby annotation |
| Besedilo stavka |
samp> | Izhodni vzorec |