Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

HTML 5.0 Marcin Badurowicz .

Podobne prezentacje


Prezentacja na temat: "HTML 5.0 Marcin Badurowicz ."— Zapis prezentacji:

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" "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>

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” ;-)


Pobierz ppt "HTML 5.0 Marcin Badurowicz ."

Podobne prezentacje


Reklamy Google