Šta je to HTML5?
HTML5 je definitivno standard koji će prilično brzo promeniti pogled na web, doprineti lakšem i bržem razvoju ozbiljnih aplikacija, i povrh svega omogućiti apsolutnim početnicima da jednostavno kreiraju sve aktuelne komponente na web stranicama, pa čak i one malo zahtevnije.
Kako je startovao HTML5?
HTML5 je nastao sa saradnjom W3C (World Wide Web) i WHATWG (Web Hypertext Application Technology Working Group).
WHATWG je radio na razvoju web formi i aplikacija, a W3C je radio na razvoju XHTML-a 2.0. u 2006. godini.
Uspostavljena su neka nova pravila u HTML5:
Nove funkcije bi trebalo da se baziraju na HTML-u, CSS-u, DOM-u i JavaScript-u
Smanjena je potreba za externim dodacima, poput Flash-a
Bolja kontrola i rukovanje greškama
Veća upotreba jezika za označavanje koja će zameniti skriptni jezik
HTML5 treba da bude nezavistan od uredjaja
Razvojni proces treba da bude javan.
<article>, <footer>, <header>, <nav>, <section>
Nove funkcije
Neke od najinteresantnijih funkcija u HTML5 su:
Platno za crtanje
Video i audio elemnti za medijsku reprodukciju
Bolja podrška za lokalno vanlinijsko skladištenje
Novi specifični elementi
Nove kontrole formi poput “calendar”, “date”, “time”, “email”, “url”, “search”.
Novi elementi u HTML5
Internet se dosta promenio od 1999. godine kada je HTML 4.01 postao standard. Danas, neki elementi u HTML 4.01 su zastareli, gotovo nikad upotrebljeni ili bar ne na način na koji je trebalo da budu. Ovi elementi su ili u potpunosti obrisani ili ponovo napisani u HTML5. Za bolje rukovanje internetom danas, HTML5 uključuje i nove elemente za bolju strukturu, crtanje, multimedijalni sadržaj i bolje rukovanje formama.
Mnogi moderni sajtovi prikazuju video sadržaj. HTML5 obezbeđuje standard za prikazivanje istih.
Video na Web-u
Do sada nije postojao standard za prikazivanje video materijala na web stranicama.
Danas se većina video saržaja prikazuje uz pomoću dodataka poput flash-a. Međutim, nemaju svi pregledači iste dodatke.
HTML5 obezbedjuje standrardni način za prikazivanje video sadržaja sa novim video elementom.
Video formati i browseri
Trenutno, postoje tri podržana video formata:
- Ogg = Ogg fajlovi sa Theora video kodekom i Vorbis audio kodekom.
- MP4 = MP4 fajlovi sa H.264 video kodekom i AAC audio kodekom.
- WebM = WebM fajlovi sa VP8 video kodekom i Vorbis audio kodekom.
Kako to funkcioniše?
Da bi se prikazivao video u HTML5, samo Vam je ovo potrebno:
<video src="film.ogg" controls="controls"></video>
Da
biste imali kontrolu nad atributom morate dodati "play", "pause" i
"volume" kontrole. Takodje, uvek je dobra ideja dodati širinu i visinu
atributa. Dodajte sadržaj između otvorenog taga za pregledače koji ne
podržavaju video element.
<video src="film.ogg" width="320" height="240" controls="controls">
Vas browser ne podrzava video tag. </video>
Video element dozvoljava više izvora istog. Izvor elemeneta može biti povezan sa različitim video fajlovima.
Pregledači će koristiti prvi prepoznatljiv format.
<video width="320" height="240" controls="controls">
<source src="film.ogg" type="video/ogg" />
<source src="film.mp4" type="video/mp4" />
<source src="film.webm" type="video/webm" />
Vas browser ne podrzava video tag.
</video>
Internet Explorer
Internet Explorer 8 ne podržava video element.
U IE 9 će biti podrške za video element koji će koristiti MPEG4 fajl.
HTML5 Audio
Za reprodukciju audio datoteke u HTML5, to je sve što trebate:
<audio controls="controls">
<source src="pesma.ogg" type="audio/ogg" />
<source src="pesma.mp3" type="audio/mpeg" />
Vas browser ne podrzava audio elemente.
</audio>
Audio element dozvoljava više izvora istog. Izvor elemeneta može biti povezan sa različitim audio fajlovima.
Pregledači će koristiti prvi prepoznatljiv format. Isto kao i sa video elementima.
Audio formati i browseri
Trenutno, postoje tri podržana audio formata:
