Pobierz prezentację
Pobieranie prezentacji. Proszę czekać
1
HTML 5.0 Marcin Badurowicz
2
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
3
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
4
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
5
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”
6
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ł”
7
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ć
8
Błędy XML?
9
Przesadna komplikacja
<!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <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>
10
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.
11
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>
12
Element <time> <time datetime=" T09: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.
13
Element <meter>
<meter>3/5</meter> <meter value="0.6">Medium</meter> © Lachlan Hunt, "Developing with HTML5"
14
© 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"
15
Element <datagrid>
Interaktywne drzewo, lista czy dane tabelaryczne Umożliwia podawanie danych przez użytkownika, ich edycję i usuwanie czy sortowanie
16
Nowe opcje formularzy Kontrolki HTML 4 są zbyt ograniczone
Dodano np. typ pozwalający wybrać datę, wpisać czy inne dane w określonym formacie (ułatwiona walidacja danych po stronie klienta)
17
Element <datalist>
<input list="title-list"> <datalist id="title-list"> <option value="..."> </datalist> © Lachlan Hunt, "Developing with HTML5"
18
<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
19
<canvas> Możliwość rysowania Już jest Wykresy, Yahoo! Pipes
20
<canvas> Eksperymentalna gra 3D
21
Więcej? http://whatwg.org http://www.w3.org/html/wg/html5/
Riddle: „Stanowczo za długie nazwy niektórych elementów w porównaniu do tych z HTML4.01” ;-)
Podobne prezentacje
