Historie HTML

• Dlouhá (* mezi 1989 - 1991)
• Nejednotná
• Nepředvídatelná (předpověděli byste před 3 lety příchod HTML 5 ?)

Současnost HTML

• Ian Hickson - lítost, že "HTML z ulice" nemá specifikaci
• WHAT WG od roku 2004 (zástupci S.O.F.)
• HTML WG (W3C) od roku 2007 (501 členů)
• Začátek používání HTML 5 během 2010 - 2012 ??
• Ukončení vývoje odhadem 2022

HTML 5 trailer

http://www.youtube.com/watch?v=BRG5VNNUq_E

Budoucnost XHTML

Jak bude pokračovat XHTML?

• Koexistence HTML 5 a XHTML 5
• XHTML 5 = XML (žádný schizofrenní mezikrok)
• HTML 5 je definován jako nový formát
• V HTML 5 povolené <značky /> to appease the markup gods

Hlavní cíle HTML 5

• Interoperabilita
• Dohnání zpožděného vývoje Webu
• Konkurenceschopnost Webu

Co obsahuje HTML 5

• Web FIX
• Specifikace běžně používaného
• Novinky

HTML 5 - Web FIX

• HTML 5 parser
• Chování JavaScriptu v HTML stránce
• Cílem je interoperabilita
• Minimálně dvě stejné implementace HTML 5

Otázka č. 1

Jak proběhne tento script?

	  <script>
	    window.location = "http://www.czilla.cz";

	    window.location = "http://www.google.cz";
	  </script>
        

Otázka č. 2

A jak tento?

	  <script>
	    window.location = "http://www.czilla.cz";
	  </script>

	  <script>
	    window.location = "http://www.google.cz";
	  </script>
        

HTML 5 - Specifikace běžně používaného

• innerHTML
• getElementsByClassName()
• drag & drop
• contenteditable, designMode
• Dílčí specifikace pod Web API WG: AJAX, querySelector()...

HTML 5 - Novinky (jen ty hlavní)

• Web Forms 2
• Audio, Video
• Data storage (kde cookies nestačí)
• Offline aplikace
• Canvas
• Sémantické značky (section, header, footer, dialog...)
• Komunikace mezi okny postMessage
• Event-source element (události ze serveru)
• Peer-to-peer over TCP, Bluetooth, IrDa

Web Forms 2

• Nová generace web formulářů (konkuruje XForms)
• Nové datové typy
• Validace na klientovi
• <output>
• autocomplete, autofocus
• hromadný file upload
• model opakování

Audio, Video

• <audio>, <video>, new Audio()
• Nezávislost na pluginech
• Hledání společného kodeku (FF + Opera pro OGG)

Data storage

• Cookies nestačí
• sessionStorage
• globalStorage (minulý týden přejmenováno na localStorage)
• SQL storage (SQL5) - těžká váha

Offline aplikace

• Atakování pozice desktopu
• Dělá to i druhá strana, ale opačně
• Google Gears

Canvas

• Čmárání přímo do stránky
• 2D kontext
• Prohlížeče experimentují s 3D

Sémantické značky

• Některé vychází z výzkumu používaných CSS tříd
• <header>, <footer>, <nav>, <aside>
• <section>, <article>, <dialog>

Datagrid

• Značka ze všech nejmocnější
• Podpora AJAXu
• Pro "nekonečné" seznamy, stromy, tabulky

Komunikace mezi okny postMessage

• Snadná cross-domain komunikace
• window.postMessage()
• addEventListener("message", ...)
• Cílová stránka si sama hlídá zdrojovou doménu

Event-source element

• <event-source
  src="http://www.example.com" onmessage="...">
• Naslouchání streamu událostí ze serveru

Peer-to-peer over TCP, Bluetooth, IrDa

• Web 5.0 se přeci neomezí jen na Client-Server 8-)
• Atakování prostředí mobilních zařízení?

Další informace

• WHAT WG www.whatwg.org
• Planet HTML5 http://people.w3.org/mike/planet/html5/
• HTML 4 5 6... http://html456.blogspot.com/

Poděkování

Petru Ferschmannovi za pozvání

AHA + JasnáPaka za podporu s rozjezdem HTML 4 5 6...

Davidu Majdovi za tento prezentační systém

WHAT WG za HTML 5