HTML-5, osnovne osobine

Internet se neprestano razvija. Nove i inovativne web stranice se stvaraju svaki dan, granice HTML se pomeraju u svim pravcima. HTML 4 postoji već skoro deceniju, a izdavači traže nove tehnike da obezbede veću funkcionalnost, ali su sprečeni ograničenjima jezika i pretraživaca.

Da bi autori imali više fleksibilnosti i mogucnosti za interaktivnije i uzbudljivije web stranice i aplikacije, uvodi se HTML-5. On treba da uvede i poboljša širok spektar funkcija, uključujuci forme, API, multimediju, strukturu i semantiku.

Rad na HTML 5, koji je počeo u 2004, trenutno se sprovodi zajedničkim naporima W3C HTML WG i WHATWG. Mnogi ključni igraci daju doprinos W3C naporima uključujuci predstavnike iz četiri glavne porodice pretraživaca: Apple, Mozilla, Opera, i Microsoft. Osim njih uključeno je i niz drugih organizacija i pojedinaca sa mnogo različitih interesa i stručnosti.

Specifikacija se još uvek radi i još je daleko od završetka. Zbog toga je moguće je da se bilo koja funkcija cemo pomenuti u ovom clanku promeni u budućnosti. Namena ovog clanka je da pruži kratak uvod u neke od glavnih karakteristika kakve su u sadašnjem nacrtu.

HTML5 Struktura

HTML-5 uvodi čitav niz novih elemenata koji će omogućiti mnogo lakše struktuiranje stranica. Vecina HTML-4 web sajtova sadrže različite zajedničke strukture, kao što su zaglavlja, podnožja i kolone, i prilično uobičajeno da ih označavamo koristeći div elemenate, dajući svakom opisni ID ili klasu.

Upotreba div elemenata je u velikoj meri zbog nedostatka trenutne verzije HTML 4  potrebnih za konkretnije opisivanje semantike ovih delova. HTML-5 rešava ovaj problem uvodjenjem novih elemenata za predstavljanje svake od ovih razlicitih sekcija.

Header elemenat predstavlja zaglavlje sekcije. Zaglavlja mogu da sadrže više od header-a sekcije, na primer, bilo bi razumno da ukljuci podnaslovime, istoriju verzija isl.
Heade se oznacava, kako drugonego <header>. Npr

<header>

 <h1>Ovo je primer</h1>

 <p>verzija 5, revizija 10</p>

</header>

Footer elemenat predstavlja podnožje za deonicu na koju  se odnosi. Footer obicno sadrži informacije o delu, kao što su ko ga je napisao, linkovi u vezi dokumenata, autorski podataka, i slicno. Npr

<footer>© 2010 odmoriSe doo.</footer>

Nav element predstavlja deo za navigaciju. Pogodan je za bilo za navigaciju sajta ili sadržaj.

<nav>

 <ul>

    <li><a href="/">HNaslovna</a></li>

    <li><a href="/products">Proizvodi</a></li>

    <li><a href="/services">Usluge</a></li>

    <li><a href="/contact">Kontakt</a></li>

 </ul>

</nav>

Aside element je za sadržaj koji je u vezi sa glavnim sadržajem, i koristan je za sidebar.

Genericki deo aplikacije nalazi se u odeljku section.

<section>

 <h1>Naslov sekcije</h1>

 <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ..
incididunt ut labore et dolore magna aliqua.
 Ut enim ad minim veniam, quis nostrud exercitation 

 ...</p>

</section>

Article elemenat predstavlja nezavisan deo dokumenta, stranice ili web sajta. Pogodan je za sadržaj kao što su vesti ili blog, za forum ili pojedinacne komentare.