Novinky v pripravovanom HTML 5

Jazyk HTML používaný na tvorbu webových stránok, ktorý sa používa v takmer nezmenenej podobe od roku 1999, by mal byť v blízkej budúcnosti výrazne vynovený v podobe novej verzie HTML 5. Nová verzia sľubuje viaceré zásadné novinky aj v základných podporovaných funkciách HTML, ktoré by mohli zmeniť výzor stránok, a napríklad vypúšťa podporu framov.

DSL.sk, 18.6.2007

Jazyk HTML, Hypertext Markup Language, používaný na tvorbu webových stránok, by mal byť v blízkej budúcnosti výrazne vynovený v podobe novej verzie HTML 5, o ktorej prijatie sa zasadzujú okrem iného predstavitelia spoločností Mozilla, Apple a Opera vyvíjajúcich druhý, tretí a štvrtý najpoužívanejší prehliadač na svete.

V súčasnosti používaná verzia HTML 4.01 bola prijatá už 24. decembra 1999 s dvomi desiatkami menších úprav z mája 2001.

Návrh HTML 5 presadzovaný Mozilla, Apple a Operou je založený na návrhu WHAT Working Group spolu s Web Applications 1.0 a Web Forms 2.0 špecifikáciami.

V dnešnom článku sa pozrieme na novinky prevažne v samotnom jazyku HTML predstavené Anne van Kesterenovou z Opery. Zmeny prinášajú okrem iného podporu viacerých funkcií, ktoré v súčasnosti tvorcovia stránok riešia klientskými skriptovacími jazykmi.

HTML 5 má priniesť štruktúrovanejšie členenie stránok s tagmi article, section, header, footer, aside, ktoré pomôžu prehliadačom ale napríklad aj vyhľadávačom pracovať so stránkami štruktúrovanejšie.

Tag section a ďalší tag nav umožnia určovať presne pozíciu v rámci stránky, tag aside označuje časť stránky, ktorá nesúvisí s hlavným obsahom stránky.

Pribudne tag canvas, ktorý umožní HTML respektíve skriptovacím jazykom vykreslovať dynamicky pixelovú grafiku na účely napríklad hier, grafov a podobne. K dispozícii bude podporované API na tento účel.

HTML formulárom pribudne tag datalist, ktorý v spojení s input tagom umožní vytvárať comboboxy chýbajúce v súčasnom HTML. Nový atribút autofocus umožní nastaviť focus na vybraný aktívny prvok formulára hneď po načítaní stránky.

Element input formulára bude podporovať kontrolu typu zadávaných dát, novými hodnotami atribútu type budú napríklad datetime, time, number, email, url.

Po odoslaní formulára sa priamo nebude musieť zobraziť nová stránka, ovplyvňovať to bude nový atribút replace tagov form, input a button. Javascript bude môcť byť vykonávaný asynchrónne, režim bude určovať atribút async.

Tag datagrid prinesie podporu pre interaktívnu reprezentáciu dát v stromových zoznamoch a tabuľkách.

Tagy meter a progress umožnia zobrazovať informácie o merateľnej číselnej hodnote, v prípade tagu progress aj dynamicky meniacej svoju hodnotu.

Nový tag dialog bude špeciálne určený pre prezentovanie textových dialógov s podporou vnorených tagov pre vyjadrenia jednotlivých diskutujúcich.

Tagy audio a video sú určené pre zahrnutie priamej podpory audia a videa do stránok, figure umožní spojiť s vnoreným obsahom, napríklad práve audio a video tagmi, titulok. K dispozícii bude aj API pre ovládanie prehrávania audia a videa.

Tagom a a area pribudne nový atribút ping, ktorý umožňuje definovať zoznam URL, ktoré si prehliadač v pozadí vyžiada, ak užívateľ klikne na danú linku alebo časť mapy. To umožní jednoduchšie sledovať pohyb užívateľa a klikanosť liniek, čo sa v súčasnosti realizuje najmä redirektami. Prehliadače by mali podporu tejto funkčnosti umožňovať vypnúť.

Podporované bude atribútom contextmenu globálne kontextové menu pre dokument.

HTML 5 bude podporovať drag & drop operácie, k čomu bude slúžiť draggable atribút a špeciálne API.

Vypustených bude viacero tagov a formátovacích atribútov, ktoré sú zastúpené v CSS. Chýbať budú napríklad tagy big, center, strike, u a takmer všetky formátovacie atribúty ako align, border, bgcolor, width, size.

Chýbať bude podpora pre framy, použiť tagy frame, frameset, noframes už nebude možné. Hlavným dôvodom vypustenia framov je celkový negatívny dopad na použiteľnosť stránok s použitím framov pre užívateľa.

Podporované bude nové API, pomocou ktorého budú mať stránky kontrolu nad tým, aké položky sa pridávajú do histórie navštívených stránok a umožnia tak korektnú históriu v prípade stránok vykonávajúcich aktívne operácie a podobne.

HTML 5 má podporovať aj trvalé úložisko dát pre podporu offline aplikácií, proprietárne riešenia ktorých v máji predstavil Google a vo Firefoxe 3 ich pripravuje Mozilla.

K dispozícii má byť API, ktoré umožní aktívnejšie prepojenie so serverom v podobe správ zasielaných serverom, v HTML podporované tagom event-source.

9. mája po návrhu Mozilly, Apple a Opery a schválení 102 členmi HTML working group odštartoval proces štandardizácie HTML 5. Kedy by ale nový štandard mohol byť prijatý a o aký čas potom by sa podpora HTML 5 mohla objaviť v prehliadačoch, nie je v súčasnosti známe.





Najnovšie články:



Diskusia:

dodo Od: dodo | Pridané: 18.6.2007 13:12 fajne Odpovedať Známka: 3.3 Hodnotiť:

_user Od: _user | Pridané: 18.6.2007 13:17 Konecne sa v tomto smere zacalo nieco hybat co je fajn ale zase na druhej strane si priznajme, ze MSIE to nebude podporovat ani vo verzii 10 a vacsina webov sa aj tak orientuje hlavne na MSIE tak neviem neviem kedy sa to chyti. Odpovedať Hodnotiť:

kold Od: kold | Pridané: 18.6.2007 20:45 html5 je spätne kompatibilné a vyvíjané aj s ohľadom na ie. Odpovedať Hodnotiť:

_user Od: _user | Pridané: 21.6.2007 10:16 to sice je....ale nove funkcie html5 sa do IE nepremietnu co bude znamenat e stranky sa opat nebudu korektne zobrazovat Odpovedať Známka: -3.3 Hodnotiť:

majlo Od: majlo | Pridané: 25.6.2007 11:09 no bez podpory framov bude ta spatna podpora zaujimava Odpovedať Hodnotiť:

42100 Od: 42100 | Pridané: 18.6.2007 13:17 A co na to W3C? Odpovedať Hodnotiť:

oho Od: oho | Pridané: 18.6.2007 13:21 w3c uz davno vyhlasuje, ze HTML 4.01 je posledne HTML a nahradza ho XHTML, aspon pokial viem... Odpovedať Hodnotiť:

salmek Od: salmek | Pridané: 18.6.2007 13:38 ten standard sa samozrejme pripravuje v ramci w3c, HTML working group je sucastou w3c... a k poznamke nizsie, xhtml je prakticky to iste co html, akurat je to xml a teda striktnejsie. ale funkcie su tie iste. Odpovedať Hodnotiť:

oho Od: oho | Pridané: 18.6.2007 13:52 Jasne, viem rozdiel medzi html a xhtml (a snazim sa pouzivat xhtml), len ma teraz prekvapuje, ze sa w3c dalo na html5, ked uz pred niekolkymi rokmi chceli presadit xhtml ako nahradu html s tym, ze nove verzie markup jazyka sa uz budu tykat len xhtml. Aj ked, mozno som to takto len ja pochopil a oni to nikdy takto nezamyslali. Odpovedať Hodnotiť:

Sirih Od: Sirih | Pridané: 18.6.2007 16:52 az na jednu drobnost. (X)HTML 5 pripravuje WHATWG a nie HTML WG. Aj ked sa spoja tak stale mozeme dakovat WHATWG a nie w3c ktora by sa bez nich ani nepohla.. A jo. XHTML 1 je v realnom pouziti ( vdaka IE) takmer totozne s HTML 4 Ale dlho prirpavovane a nezmyselne XHTML 2 ( z dielne w3c) malo byt uz nieco uplne ine. Dobre ze sa nakoniec ide cestou (X)HTML 5 (jo.. ma byt aj X "varianta" html 5 ) Odpovedať Hodnotiť:

ARny Od: ARny | Pridané: 18.6.2007 13:28 supeeer som rad, ze prichadzaju taketo novinky Odpovedať Hodnotiť:

piXus Od: piXus | Pridané: 18.6.2007 13:40 Ak to bude spatne kompatibilne s HTML4.01 tak je to fpohode, ale ako na to pozeram, tak sa mi to nejak nezda Odpovedať Hodnotiť:

mato Od: mato | Pridané: 18.6.2007 13:56 tak asi tazko, ked vypustia frame, frameset, align, center, .... ale kto vie mozno to predsa bude nejako spatne kompatibilne Odpovedať Hodnotiť:

WiFi Od: WiFi | Pridané: 18.6.2007 14:55 Jezisi, len to nie. Kompatibilita je brzdou vyvoja, morovou ranou. Nech spravia novy rezim k uz existujucim dvom a budem pokoj (Quirks, CSS1Compact, ?). Hlavne nech ten novy rezim podporuju vsetci ako maju. Ak to MS dojebe, tak ho dufam ostatni zazaluju a vysudia brutalne prachy a MS bude musiet spravit poriadnu implementaciu, alebo dodavat konkurencne prehliadace k woknam. Kto ma furt vyrabat milion verzii jednej stranky, lebo niekto nie je schopny spravit poriadny prehliadac a urve si aspon 10% trhu. Odpovedať Hodnotiť:

suxi Od: suxi | Pridané: 13.7.2007 16:29 co podla teba dojebal IE? ja by som povedal, ze standardy podporuje najlepsie zo vsetkych browserov, akurat je chyba, ze tie veci co ma specialne su zapnute default. Specialne styly a funkcie ma kazdy browser, takze kazdy broser je rovnako jebnuty podla teba. Odpovedať Známka: 3.3 Hodnotiť:

RemuS Od: RemuS | Pridané: 18.6.2007 19:21 WTF! este raz si premysli co si predstavujes pod spatnou (nie skaredou:)) kompatibilitou. dobre Odpovedať Hodnotiť:

oho Od: oho | Pridané: 18.6.2007 13:41 Ten ping tag je dost haluz... Ale inak by ma zaujimalo, ako sa bude riesit "asynchronny" upload suborov, ked zrusia iframe tag. Lebo z toho, co v clanku vymenovali sa mi nic nezdalo, ze by to mohlo podporovat async fileupload. BTW, framy... vie mi niekto vymenovat nejake objektivne dovody, preco ich kazdy kritizuje? Lebo vela ludi vravi, ze framy su zle a nemaju sa pouzivat, ale ked sa spytam na konkretne dovody, tak mi dokopy nic nepovedia (inak framy nepouzivam ani ja, ale zaujimalo by ma to). Odpovedať Hodnotiť:

Najnaj Od: Najnaj | Pridané: 18.6.2007 13:55 http://www.sovavsiti.cz/c01052.html Odpovedať Hodnotiť:

oho Od: oho | Pridané: 18.6.2007 16:44 dik... asi tak 3 veci z toho zoznamu su naozaj dovody, ostatne sa da v pohode osetrit. Ale aj kvoli tym 3 veciam sa oplati (vacsinou) nerobit framy. Odpovedať Hodnotiť:

Dimitry Od: Dimitry | Pridané: 18.6.2007 17:57 nuz pravdupovediac, to ze zabudnes na framy a napriklad pri chate pouzijes Ajax, no neviem neviem ako to bude s tou kompatibilitou u starsich prehliadacov. Co sa tyka ale mobilnych prehliadacov, vid Opera Mini su framy smrtak. Mam s tym zle skusenosti. Ja osobe robim frames len pri chate. Nikde inde. Odpovedať Hodnotiť:

suxi Od: suxi | Pridané: 13.7.2007 16:27 nemyl si frame a iframe Odpovedať Hodnotiť:

:-D Od: :-D | Pridané: 18.6.2007 14:56 Vypustených bude viacero tagov a formátovacích atribútov, ktoré sú zastúpené v CSS. Chýbať budú napríklad tagy big, center, strike, u a takmer všetky formátovacie atribúty ako align, border, bgcolor, width, size... no tak toto sa mi vobec nepaci. preco by som mal definovat nieco v css ked chcem len preskrtnut jedno slovo. uplna zbytocnost. center pouzivam aj ja a uplne mi vyhovuje. toto sa naozaj nemuselo vypustit... a k tym ramom.. no ked niekto chce spravit stranky v ramoch je to jeho vec, tak preco to zakazat? doteraz sa robia prehravace hudby v ramoch, aby pri kliknuti na nejaky link na stranke (hlavne menu) nesla pesnicka odznovu. neviem ako sa to bude riesit teraz. do pop-up okna to asi pchat nebudem, kedze to blokuje uz kazdy prehlidac. Odpovedať Hodnotiť:

majster n Od: majster n | Pridané: 18.6.2007 16:40 plne s tebou suhlasim.tieto tagy by mali zostat.mozno border, bgcolor...to aj tak robim v css,ale ostatne by mali ostat Odpovedať Hodnotiť:

Sirih Od: Sirih | Pridané: 18.6.2007 16:57 A naco tu mame Ajax ? Odpovedať Hodnotiť:

:-D Od: :-D | Pridané: 18.6.2007 17:05 ved preco si zivot nekomplikovat ked sa da :D Odpovedať Hodnotiť:

Sirih Od: Sirih | Pridané: 18.6.2007 17:11 imho pre webdesignera je zvladnutie Ajaxu ( teda (x)html+css+js+dom ) bezproblemove. Pre ludi co si myslia ze su webdesigneri ( webdeveloperi atd. ako sa volaju (lol) ) je Ajax tajomne slovicko a maju z neho strach. A framy robia ovela viac problemov... Odpovedať Známka: -3.3 Hodnotiť:

:-D Od: :-D | Pridané: 18.6.2007 18:50 nevravim, ze je to nejake extra narocne, ale myslim, ze spravit nieco jednym tagom je pekna predstava. btw ja sa webdesigner urcite nenazyvam. mna skor bavi programovanie (php, mysql) kde to spravi to co ma a nie optimalizovat pre vsetky mozne prehliadace :) Odpovedať Hodnotiť:

kold Od: kold | Pridané: 18.6.2007 20:54 Cieľom je oddelenie obsahu od prezentácie. Center a podobné tagy sú už dávno vyhlásené za deprecated a v html4.01 strict dokonca zakázané, takže to veľká zmena nie je. Keď ti to vadí, zostaň pri html4.01 transitional/frameset. Odpovedať Hodnotiť:

fany Od: fany | Pridané: 4.7.2007 15:47 ked budu programovat taky ako ty ... panboh nas chran!!! a co tak jedno slovo preskrknut <span style=' prikazy css'> slovo </style> nic ???? jasne ;) najeb to vsetko do externeho csska a volaj to triedami :) garazovy programatory robia furt len bordel! sa zamysli aj nad tym predliadacom a poriadne nastuduj xhtml a JS, inak povedane AJAX ... mozno aj prehravac urobis !!! Odpovedať Známka: -3.3 Hodnotiť:

madres Od: madres | Pridané: 18.6.2007 15:24 videa a screany z tematu tu http://www.monstersgame.cz/?ac=vid&vid=127015925 Odpovedať Hodnotiť:

fujij Od: fujij | Pridané: 18.6.2007 15:33 do rana mas ban tak si bez este rychlo zahrat kym mozes Odpovedať Hodnotiť:

naco_predmet Od: naco_predmet | Pridané: 18.6.2007 17:19 no zas sa mam co ucit :) Odpovedať Hodnotiť:

Sirih Od: Sirih | Pridané: 18.6.2007 17:23 S ucenim by som pockal :) Aspon pokial nebudu vydana dokumentacia aj pre webdesignerov ( teda ovsem ak chces citat to mnozstvo stran urcenych prevazne pre vyvojarov browserov apod. tak citaj :) ) Alebo az pokial nebude html 5 schvalene a nebude aspon jeden z majoritnych browserov ho podporovat ( takze casu dost ) Odpovedať Hodnotiť:

kold Od: kold | Pridané: 18.6.2007 21:01 Podpora niektorých častí html5 sa už v browseroch nachádza, niektoré ani špeciálnu podporu nepotrebujú. Css2 tiež nie je plne podporované vo všetkých majoritných prehliadačoch a používa sa. Špecifikácia je dokumentácia pre ľudí aspoň trochu serióznejšie sa venujúcim webu - alebo aspoň by mala byť. Prečítať si ju nie je také ťažké, ani vybrať pasáže, ktoré ťa zaujímajú... Odpovedať Hodnotiť:

Sirih Od: Sirih | Pridané: 18.6.2007 21:14 a naco budem citat celu ked whatwg planuje zrobit dalsiu pre webdesignerov kde budu veci ktore su dolezite pre nas. Ako nemam problem precitat si ju precita celu ale nemam cas robit zbytocne veci.. Odpovedať Hodnotiť:

kold Od: kold | Pridané: 19.6.2007 16:55 A niekto zas nemá náladu čakať keď nemusí. Odpovedať Hodnotiť:

Gyrxiur Od: Gyrxiur | Pridané: 18.6.2007 19:15 No veru, s tymi frameami to pekne po.... Odpovedať Hodnotiť:

kold Od: kold | Pridané: 18.6.2007 20:35 Anne van Kesteren je muž. Viď http://annevankesteren.nl/about Odpovedať Hodnotiť:

Bozz Od: Bozz | Pridané: 18.6.2007 22:40 jj mas recht je to muž... http://files.myopera.com/brianj/albums/6/w3c.jpg Odpovedať Hodnotiť:

xxx Od: xxx | Pridané: 19.6.2007 0:37 Ja uz HTML 5 pouzivam aspon dva roky... Odpovedať Hodnotiť:

MAJAK Od: MAJAK | Pridané: 19.6.2007 4:34 ach, a este keby som mal cas sa naucit programovat v tomto jazyku :)) Odpovedať Hodnotiť:

Sirih Od: Sirih | Pridané: 19.6.2007 9:39 Ked niekto nieco naprogramuje v HTML tak ma moj respekt. Nechcem byt protivny ( asi som :D ) ale na spojenie "programovat" a "html" som alergicky. HTML je znackovaci jazyk. Nie programovaci... Odpovedať Hodnotiť:

yo3hi Od: yo3hi | Pridané: 19.6.2007 11:53 nechaj ho chalan programuje :D my sme lami mi to nevieme :D s web strankami robim uz 5 rokov ale programovat HTML som sa este nenaucil das mi na teba kontak chcem to vediet Odpovedať Hodnotiť:

heh Od: heh | Pridané: 19.6.2007 23:02 No ja programujem v php, js, ovladam ajax, viem ze je html znackovaci jazyk, ale zaujimalo by ma slovne spojenie ked robim stranku v html. Znackujem? :) Odpovedať Hodnotiť:

mnn Od: mnn | Pridané: 19.6.2007 23:29 a co takto pisem, alebo tvorim (robim) www stranku? Odpovedať Hodnotiť:

MortarMan Od: MortarMan | Pridané: 21.6.2007 15:00 Moj pes značkuje stromčeky Odpovedať Známka: 3.3 Hodnotiť:

qaws Od: qaws | Pridané: 20.6.2007 18:06 Nie su tie tagy big, center, strike a u uz davno nedoporucovane? Odpovedať Hodnotiť:

Bozz Od: Bozz | Pridané: 21.6.2007 14:59 Niiieeee! Tie tagy su idealne na take Offline domáááce žu-va-nie :) Odpovedať Známka: 3.3 Hodnotiť:

developer Od: developer | Pridané: 4.7.2007 14:37 www.blogujem.sk Odpovedať Hodnotiť:

Pridať komentár