HTML 5.0 Marcin Badurowicz <m@badurowicz.net>
Skąd to? Wojny przeglądarek Standaryzacje Nurt Web2.0 Trochę historii która miała wpływ na obecny rozwój języków XHTML, HTML, czy CSS
Kto za tym stoi? Web Hypertext Application Technology Working Group (WhatWG) Opera Software, Mozilla Foundation, Apple W3C HTML Working Group W skład W3C HTML WG wchodzi także Microsoft
Timeline 4 kwietnia 2004 – powstanie WhatWG 10 kwietnia 2007 – propozycja objęcia HTML5 patronatem W3C 9 maja 2007 – W3C HTML WG obejmuje prace nad HTML5
Dlaczego HTML5? Wolny rozwój HTML (XHTML 1.0 i HTML 4.01 to ten sam język) Niekompatybilność XHTML 2.0 Brak standardu „na teraz” XHTML się nie przyjął Koniec z niektórymi bzdurami Ewolucja, a nie rewolucja Riddle: „Dobry pomysł z uwagi na nierealność teraźniejszego zastosowania XML w procesie tworzenia zawartości stron internetowych”
Co nowego w HTML5? Ustandaryzowana obsługa błędów w kodzie Modyfikacje w celu ułatwienia pisania Nowe znaczniki i atrybuty Usunięcie niektórych elementów Przywrócenie niektórych atrybutów Zgodność „w tył”
O co chodzi z tymi błędami? Zupa z tagów, a nie żaden SGML XML-owy sposób obsługi błędów jest, dla użytkownika, do niczego Każda przeglądarka sama sobie myśli co z błędami zrobić
Błędy XML?
Przesadna komplikacja <!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf—8"/> <title>Hello World!</title> </head> <body> <p>Oto przykładowy XHTML/1.0</p> </body> </html>
I po co? <!DOCTYPE html> <title>Hello World!</title> <meta charset=utf-8> <p>Oto prawidłowy dokument HTML5. W tym momencie podniosą się na mnie głosy zwolenników XHTML-a, że jak to tak, że tak nie można i tak dalej. Owszem, nikt nie każe pisać w ten sposób. HTML5 wspiera także wersję XHTML-ową, czyli de facto coś jak XHTML 1.0 w stosunku do HTML 4.01 i można spokojnie tworzyć dokumenty XHTML.
Nowości wśród elementów Często powtarzane klasy zastąpić można nowymi elementami: <footer> czy <aside> Paski postępu, wyróżnienia Datagrid Nowe elementy formularzy <video>, <audio>, <canvas>
Element <time> <time datetime="2007-08-03T09:30Z"> Piątek, 3 sierpnia 2007 o 9:30 </time> Obecnie, zamiast tego, stosuje się <abbr> oraz class i title odpowiedni – dla potrzeb np.. Tzw. microformats.
Element <meter> <meter>3/5</meter> <meter value="0.6">Medium</meter> © Lachlan Hunt, "Developing with HTML5"
© Lachlan Hunt, "Developing with HTML5" Element <m> <p>The highlighted part below is where the error lies:</p> <pre><code>var i: Integer; begin i := <m>1.1</m>; end.</code></pre> © Lachlan Hunt, "Developing with HTML5"
Element <datagrid> Interaktywne drzewo, lista czy dane tabelaryczne Umożliwia podawanie danych przez użytkownika, ich edycję i usuwanie czy sortowanie
Nowe opcje formularzy Kontrolki HTML 4 są zbyt ograniczone Dodano np. typ pozwalający wybrać datę, wpisać e-mail czy inne dane w określonym formacie (ułatwiona walidacja danych po stronie klienta)
Element <datalist> <input list="title-list"> <datalist id="title-list"> <option value="..."> </datalist> © Lachlan Hunt, "Developing with HTML5"
<video> oraz <audio> Flash stał się standardem de facto Brak różnorodnych typów danych multimedialnych w jednym znaczniku Natywne wsparcie dla niektórych formatów audio w przeglądarkach
<canvas> Możliwość rysowania Już jest Wykresy, Yahoo! Pipes http://canvaspaint.org
<canvas> Eksperymentalna gra 3D http://canvex.lazyilluminati.com/
Więcej? http://whatwg.org http://www.w3.org/html/wg/html5/ http://validator.whatwg.org/ Riddle: „Stanowczo za długie nazwy niektórych elementów w porównaniu do tych z HTML4.01” ;-)