Da li je taj standard odobren od W3C-a?

Kakav je nivo kompatibinosti sa IE 7 8, FF 3.x Safari-jem?

Imas neke informacije ovde: http://w3schools.com/html5/html5_intro.asp

HTML 5 je pravljen za Googlebot-a, za developere se ne menja mnogo toga osim sto cemo imati gomilu problema sa kompatibilnoscu ako klijent trazi da njegov sajt bude HTML5 compliant. 

Necete imati nikakve probleme, samo cete morati malo da ucite, sto je, verujem, u ovom poslu potpuno normalno.

Pa ulazimo u WEB3 standard treba semantic web
U sustini nije to nesto da se puno uci,

HTML5 tutorijal

HTML5 je sledeća generacija HTML-a.
Ovaj tutorijal Vas upoznaje sa novinama u HTML5.

Šta je HTML5?

HTML5 biće novi standard za HTML, XHTML i HTML DOM.
Prethodna verzija HTML-a došla je 1999. Web se dosta promenio od tada.
RAd na HTML-u 5 je još uvek u toku. Međutim, većina modernijih browsera ima neku podršku za HTML5.

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 uređaja;
- razvojni proces treba da bude javan.

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 poput <article>, <footer>, <header>, <nav>, <section>;
- nove kontrole formi poput "calendar", "date", "time", "email", "url", "search".

Podrška pregledača
HTML5 još uvek nije zvanično prihvaćen i nijedan pregledač nema punu podršku za HTML5.
Ali svi važniji pregledači rade na dodavanju novih funkcija u novije verzije.

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.

Napomena:
Prevedeno sa w3schools
Nastavak sledi...

Novi elementi za označavanje

Tag                         Opis
<article>             Za eksterni sadržaj, poput članka, bloga, foruma ili bilo kog drugog sadržaja eksternog izvora.
<aside>                 Za sadržaj pored glavnog sadržaja u koji je smešten. Bočni sadržaj mora biti u vezi sa sadržajem                                       koji ga okružuje.
<command>             Dugme, ili radio dugme, ili boks za čekiranje.
<details>             Za opsi detalja dokumenta ili njegovih delova.
<summary>             Naslov, ili rezime unutar detalja elementa.
<figure>               Za grupisanje sekcija samostalnog sadržaja, može biti i video materijal.
<figcaption>       Naslov sekcije
<footer>               Za podnožje dokumenta ili sekcije, može sadržati ime autora, datum dokumenta, kontakt informacije,                                   informacije o autorskim pravima.
<header>               Za upoznavanje sa dokumentom ili sekcijom, može sadržati navigaciju.
<hgroup>               Za sekciju naslova, koristeći <h1> do <h6>, gde je najveći i glavni naslov sekcije i gde su ostali                                           podnaslovi.
<mark>                   Za tekst koji treba da bude istaknut.
<meter>                 Za merenje, ali samo ako su poznate minimalne i maksimalne vrednosti.
<nav>                    Za sekciju navigacije.
<progress>           Izjava o procesu rada.
<ruby>                   Za ruby napomenu (kineske zabeleške ili karakteri).
<rt>                       Za objašnjenje ruby napomene.
<rp>                       Šta pokazuju pregledači kada ne vide ruby element.
<section>             Za sekciju u dokumentu. Kao što su poglavlja, zaglavlja, podnožja ili bilo koja druga sekcija dokumenta.
<time>                   Za definisanje vremena ili datuma ili oba.
<wbr>                     Razmak između reči. Za mogućnost linijskog razmaka.[/pre]

Novi multimedijalni elementi

HTML5 obezbeđuje novi standard za multimedijski sadržaj:

Tag                         Opis
<audio>                 Za multimedijski sadržaj, zvuke, muziku i druge audio sadržaje.
<video>                 Za video sadržaj, kao što su video klipovi ili neki drugi video sadržaji.
<source>               Za izvore multimedijskog sadržaja definisane u audio ili video elementima.
<embed>                 Za ugrađene sadržaje poput dodataka.

Element platna(canvas)

Element platna koristi JavaScript za pravljenje crteža na web stranici.

Tag                         Opis
<canvas>               Za pravljenje grafičkih elemenata uz pomoć skripta.

Novi Elementi forme

HTML5 nudi više elemenata formi sa većom funkcionalnošću:

Tag                         Opis
<datalist>           Lista opcija za ulazne vrednosti.
<keygen>               Generiše tastere za proveru identiteta korisnika.
<output>               Za različite tipove izlaza poput onih napisanih u skriptu.

Nove ulazne vrednosti različitih tipova atributa
Takođe, ulazni elementi različitih tipova atributa imaju mnogo novih vrednosti za bolju ulaznu kontrolu pre slanja na server:

Tag                         Opis
tel                         Ulazna vrednost je telefonski broj.
search                   Ulazno polje je polje za pretragu.
url                         Ulazna vrednost je URL.
email                     Ulazna vrednost je jedna ili više email adresa.
datetime               Ulazna vrednost je datum i/ili vreme.
date                       Ulazna vrednost je datum.
month                     Ulazna vrednost je mesec.
week                       Ulazna vrednost je nedelja.
time                       Ulazna vrednost je tip vremena.
datetime-local   Ulazna vrednost je lokalni datum/vreme.
number                   Ulazna vrednost je broj.
range                     Ulazna vrednost je broj u datom opsegu.
color                     Ulazna vrednost je heksadecimalna vrednost boje , poput #FF8800.

Napomena:
Prevedeno sa w3schools
Nastavak sledi...

HTML5 Video
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 obezbeđuje standrardni način za prikazivanje video sadržaja sa novim video elementom.

Video formati
Trenutno, postoje tri podržana video formata za video element:

Format          IE          Firefox          Opera          Chrome          Safari
Ogg               NO           3.5+              10.5+             5.0+               NO
MPEG4           NO            NO                 NO               5.0+               3.0+
WebM             NO            NO               10.6+             6.0+               NO

- Ogg = Ogg fajlovi sa Theora video kodekom i Vorbis audio kodekom.
- MPEG4 = MPEG4 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:

Da biste imali kontrolu nad atributom morate dodati "play", "pause" i "volume" kontrole.
Takođe, uvek je dobra ideja dodati širinu i visinu atributa.
Dodajte sadržaj između otvorenog <video> i zatvorenog </video> taga za pregledače koji ne podržavaju video element.
Za primer gore, koristite Ogg fajlove i radiće u Firefoxu, Operi i Chromu.
Da napravite video koji će raditi u Safariju i budućim verzijama Chroma, moramo da dodamo MPEG4 i WebM fajl.

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.

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.

Svi video atributi
Atribut           Vrednost           Opis
audio                 muted               Definiše podrazumevanu vrednost audio zvuka. Samo je "mutted" dozvoljen trenutno.
autoplay          autoplay             Ako je prisutna, ova funkcija obezbeđuje emitovanje video automatski nakon učitavanja                                                       istog.
controls          controls              Ako je prisutna, biće prikazana kao i play dugme.
height                pixels               Podešavanje širine i visine video u pikselima.
loop                    loop                 Ako je prisutna, ova funkcija omogućava ponovnu reprodukciju videa po njegovom                                                             završetku.
poster                 url                  Određuje URL adresu slike koja prezentuje video.
preload             preload             Ako je prisutna, video će biti učitan pri učitavanju stranice i spreman za startovanje.                                                           Ignorisana je ako je prisutna autoplay funkcija.
src                       url                  URL adresa video koji se prikazuje.
width                 pixels                Podešavanje širine video plejera.

Napomena:
Prevedeno sa w3schools
Nastavak sledi...

fino slozeno   

Hvala Fman 
Idemo dalje...

HTML5 Audio
HTML5 obezbeđuje standard za reprodukciju audio fajlova.

Audio na Webu
Do sada nije postojao standard za reprodukciju audio fajlova.
Većina audio fajlova bila je reprodukovana uz pomoć dodataka, najčešće flash-a. Međutim, nemaju svi pregledači iste dodatke.
HTML5 obezbeđuje standrardni način za reprodukovanje audio sadržaja sa novim audio elementom.
Audio element može reprodukovati audio fajlove ili audio strim.

Audio Formats
Trenutno postoje tri podržana formata za audio element:

Format                  IE 8        Firefox 3.5    Opera 10.5    Chrome 3.0    Safari 3.0
Ogg Vorbis           No             Yes                  Yes                 Yes                 No
MP3                         No              No                   No                  Yes                Yes
Wav                         No             Yes                  Yes                  No                 Yes

Kako to funkcioniše?
Da bi se reprodukovao audio fajl u HTML5, samo Vam je ovo potrebno:

Da biste imali kontrolu nad atributom morate dodati "play", "pause" i "volume" kontrole.
Dodajte sadržaj između otvorenog <audio> i zatvorenog </audio> taga za pregledače koji ne podržavaju audio element.
Za primer gore, koristite Ogg fajlove i radiće u Firefoxu, Operi i Chromu.
Za reprodukciju audio fajla u Safariju, audio fajl mora biti MP3 ili Wav formata.

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.

Internet Explorer
Internet Explorer 8 ne podržava audio element. U IE 9 će biti podrške za audio element.

Svi audio atributi
Atribut           Vrednost           Opis
autoplay          autoplay             Audio fajl će krenuti sa reprodukcijom čim bude spreman, tačnije učitan.
controls          controls              Kontrole će biti prikazane kao i play dugme.
loop                    loop                 Ova funkcija omogućava ponovnu reprodukciju audia po njegovom završetku.
preload            preload              Audio će biti učitan pri učitavanju stranice i spreman za startovanje. Ignorisana je ako je                                                     prisutna autoplay funkcija.
src                       url                  URL adresa audio fajla koji se reprodukuje.

Napomena:
Prevedeno sa w3schools
Nastavak sledi...

HTML5 Canvas(platno)
Canvas element se koristi za grafičko crtanje na web strani.


Šta je Canvas?
Canvas element koristi JavaScript za grafičko crtanje na web strani.
Canvas je pravougaona površina i Vi kontrolišete svaki piksel te površine.
Canvas element ima nekoliko metoda za crtanje putanja, "kutija", krugova, karaktera i dodavanje slika.

Kreiranje Canvas elementa
Dodajte canvas element u HTML5 stranicu.
Definišite "id", širinu i visinu elementa:

Crtajte uz pomoć JavaScripta
Canvas element nema sposobnosti grafičkog crtanja sam po sebi. Sva crtanja moraju biti završena u samom JavaScriptu:

JavaScript koristi "id" da nađe canvas element:
Onda, kreira sadržajni objekt:
- getContext("2d") objekt je ugrađen u HTML5 objekt, sa mnogim metodama crtanja putanja, "kutija", krugova, karaktera, slika itd.

Sledeće dve linije isrtavaju crveni pravougaonik:
- fillStyle metod ga čini crvenim, a fillRect metod definiše oblik, poziciju i veličinu.

Razumevanje koordinata
FillRect metod iznad ima parametre (0,0,150,75).
Ovo znači: Crtež treba da bude pravougaonog oblika širine 150px, visine 75px na canvas elementu, počevši od gornjeg levog ugla na šta ukazuju ove dve nule.
Xi Y koordinate se koriste za pozicioniranje crteža na canvas elementu.


Još Canvas primera
Crtajte liniju definišući gde je njen početak ali i gde je njen završetak.


Nacrtajte krug definišući njegovu veličinu, boju i poziciju.


Nacrtajte gradijent pozadinu sa bojama koje sami odredite.


Postavite sliku na canvas element.


Napomena:
Prevedeno sa w3schools
Nastavak sledi...

HTML5 Web skladištenje(storage)

Storniranje podataka na klijentu
HTML5 nudi dva nova objekta za storniranje podataka na klijentu:
- localStorage(localno skladištenje) - storniranje podataka bez vremenskog ograničenja
- sessionStorage(sesijsko skladištenje) - storniranje podataka za vreme jedne sesije.

Ranije ovo se radilo uz pomoć kolačića. Kolačići nisu pogodni za velike količine podataka zato što prolaze na svaki zahtev na serveru čineći da bude veoma spor i neefektivan.
U HTML5 podatci ne mogu proći svaki serverski zahtev, ali se koriste samo kada se traže. Moguće je stornirati velike količine podatakabez uticaja na performanse web sajta.

Podatci se storniraju na različita područja za različite sajtove i samo sam web sajt može pristupiti podatcima.

HTML5 koristi JavaScript za storniranje i pristup podatcima.

LocalStorage objekt
LocalStorage objekt stornira podatke bez vremenskog limita. Podatci će biti dostupni sledećeg dana, nedelje ili godine.

Kako kreirati i pristupiti lokalnom "skladištu":

Naredni primer sadrži brojač poseta korisnika stranici:

Session storage objekt
Sesijsko skladištenje podataka stornira podatke prilikom jedne sesije. Podatci bivaju obrisani kada korisnik za tvori pregledač.

Kako kreirati i pristupiti sesijskom "skladištu":

Naredni primer sadrži brojač poseta korisnika stranici u trenutnoj sesiji:

Napomena:
Prevedeno sa w3schools
Nastavak sledi...

Fino...

HVala 
Uskoro sledi i nastavak.

Dok prevedem ostalo, evo jednog vrlo interesantnog linka.