HTML ist tot
HTML ist tot




           Lang lebe HTML


Ein grober Überblick über HTML 5
HTML ist tot, lang lebe HTML
• zuerst konnte man nur HTML nutzen

• seit XHTML großer Boom

• mit ersten Entwürfen von HTM...
HTML ist tot, lang lebe HTML
• zuerst konnte man nur HTML nutzen

• seit XHTML großer Boom

• mit ersten Entwürfen von HTM...
Aber warum?


    Weil es


              ist!
So, fertig.

Danke für die Aufmerksamkeit.
So, fertig.

 Danke für die Aufmerksamkeit.


Kleiner Scherz zwischendurch ;-)
Routenplaner


               Geschichte von HTML


        Warum HTML 5?



                           Neue Features


  ...
Geschichte von HTML
 1989   HTML von Tim Berners-Lee am CERN festgelegt
 1990
 1991
 1992   HTML            (Urversion, re...
Warum HTML 5?
Warum HTML 5?

Weil es COOL ist!
Warum HTML 5?

Weil es COOL ist!

• semantisch    (spezielle Elemente/Attribute für spezielle Aufgaben)

• kompatibel    (...
Neue Features

Ziele

• soll vorhandene Spezifikationen (HTML 4.01, XHTML 1.0 und DOM 2 HTML) ersetzen

• entwickelt sich ...
Neue Features

HTML 5

• SGML-Anwendung
• eigene Syntax, die sich an SGML orientiert
     • orientiert sich an aktuellen I...
Neue Features

Strukturierende Elemente

article, aside, dialog, figure, footer, header, nav, section

Elemente zur Datend...
Neue Features

Umdefinierte Elemente

i, b, em, hr, small, strong

Wieder erlaubte Attribute

• start (bei ol-Elementen)
•...
Neue Features

Entfernte Elemente

• acronym (stattdessen nur noch abbr)
• big
• tt
• noscript (bei XHTML-Auslieferung)
Zukunftsmusik?
Nein, denn

• Browser können schon große Teile von HTML 5

  2 3 3.5    6 7 8    9 9.5 10    3 3.1 4

     ...
Fragestunde




                                            So, fertig*

                              Danke für die Aufme...
Quellen & Bildnachweis
Quellen
Wikipedia                 http://de.wikipedia.org/wiki/HTML_5
Smashing Magazine         htt...
Nächste SlideShare
Wird geladen in …5
×

HTML ist tot, lang lebe HTML

866 Aufrufe

Veröffentlicht am

Veröffentlicht in: Technologie, Design
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
866
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
178
Aktionen
Geteilt
0
Downloads
5
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

HTML ist tot, lang lebe HTML

  1. 1. HTML ist tot
  2. 2. HTML ist tot Lang lebe HTML Ein grober Überblick über HTML 5
  3. 3. HTML ist tot, lang lebe HTML • zuerst konnte man nur HTML nutzen • seit XHTML großer Boom • mit ersten Entwürfen von HTML 5 Fixierung darauf
  4. 4. HTML ist tot, lang lebe HTML • zuerst konnte man nur HTML nutzen • seit XHTML großer Boom • mit ersten Entwürfen von HTML 5 Fixierung darauf Aber warum?
  5. 5. Aber warum? Weil es ist!
  6. 6. So, fertig. Danke für die Aufmerksamkeit.
  7. 7. So, fertig. Danke für die Aufmerksamkeit. Kleiner Scherz zwischendurch ;-)
  8. 8. Routenplaner Geschichte von HTML Warum HTML 5? Neue Features Zukunftsmusik? Fragestunde
  9. 9. Geschichte von HTML 1989 HTML von Tim Berners-Lee am CERN festgelegt 1990 1991 1992 HTML (Urversion, rein textorientiert) 1993 HTML (fetter, kursiver Text und Bildintegration) HTML+ (nie veröffentlicht) 1994 1995 HTML 2.0 HTML 3.0 (schon vor Veröffentlichung veraltet) 1996 1997 HTML 3.2 (Tabellen, Textfluss um Bilder, Einbindung von Applets) HTML 4.0 (Stylesheets, Skripte, Frames, Typisierung) 1998 1999 HTML 4.01 2000 XHTML 1.0 (Neuformulierung mit XML) 2001 XHTML 1.1 (strikte Version, keine Typisierung mehr) 2002 2003 2004 2005 2006 XHTML 2.0 (Working Draft) 2007 2008 HTML 5 (Working Draft) 2009
  10. 10. Warum HTML 5?
  11. 11. Warum HTML 5? Weil es COOL ist!
  12. 12. Warum HTML 5? Weil es COOL ist! • semantisch (spezielle Elemente/Attribute für spezielle Aufgaben) • kompatibel (zu HTML und XHTML) • einfach (allgemeines Vokabular für HTML 5, XHTML 5 und DOM 5) • umfangreich (viele neue Elemente/Attribute) • Web 2.0 (Spezifikation geht über HTML hinaus)
  13. 13. Neue Features Ziele • soll vorhandene Spezifikationen (HTML 4.01, XHTML 1.0 und DOM 2 HTML) ersetzen • entwickelt sich aus HTML 4.01 • muss als HTML, XHTML und DOM verwendet werden können • Fehlerüberprüfungswerkzeug für HTML (Validator) • DOM muss Programmierschnittstellen zur dynamischen Arbeit bieten • Schnittstellen für Arbeit mit Multimediainhalten
  14. 14. Neue Features HTML 5 • SGML-Anwendung • eigene Syntax, die sich an SGML orientiert • orientiert sich an aktuellen Implementierungen in Browsern • theoretisch kann HTML 5 heute schon verarbeitet werden XHTML 5 • XML-Format mit Kompromissen • kein Einfluss vom W3C an XML • selbstschließende Tags sind erlaubt DOM 5 • Entwicklung vom DOM geprägt • DOM wird angepasst und erweitert • HTML-Elemente sollen dem XHTML-Namensraum angehören
  15. 15. Neue Features Strukturierende Elemente article, aside, dialog, figure, footer, header, nav, section Elemente zur Datendarstellung audio, embed, mark, meter, source, time, video Anwendungselemente canvas, progress Formulare • neue Typen (E-Mail, Webadressen, Zeitangaben, …) • Pflichtfelder • Templates • Datenlisten
  16. 16. Neue Features Umdefinierte Elemente i, b, em, hr, small, strong Wieder erlaubte Attribute • start (bei ol-Elementen) • value (bei li-Elementen) Neue DOM-Methoden • Methoden zur Steuerung von audio und video • getElementsByClassName()
  17. 17. Neue Features Entfernte Elemente • acronym (stattdessen nur noch abbr) • big • tt • noscript (bei XHTML-Auslieferung)
  18. 18. Zukunftsmusik? Nein, denn • Browser können schon große Teile von HTML 5 2 3 3.5 6 7 8 9 9.5 10 3 3.1 4 67 % • neue Features werden mit jeder neuen Browserversion implementiert • mit Tricks kann man HTML 5 auch ab IE 6 nutzen • Entwicklung wird stark vorangetrieben • große Websites unterstützen HTML 5
  19. 19. Fragestunde So, fertig* Danke für die Aufmerksamkeit. * Und diesmal bin ich wirklich fertig ;-)
  20. 20. Quellen & Bildnachweis Quellen Wikipedia http://de.wikipedia.org/wiki/HTML_5 Smashing Magazine http://www.smashingmagazine.com/2009/07/16/html5-and-the-future-of-the-web/ Webmasterpro.de http://www.webmasterpro.de/coding/article/html5.html Bildnachweise How to spend an afternoon http://www.flickr.com/photos/apocalust/3371826665/ landing WIP2. http://www.flickr.com/photos/apocalust/2861930070/ Early Interpretations Series 1.1 http://www.flickr.com/photos/pulpolux/394084802/ Éole Airlines http://www.flickr.com/photos/eole/3215868087/ Future and the past http://www.flickr.com/photos/januszbc/319792933/ me is the coolest bear on da planet! http://www.flickr.com/photos/southpaw2305/3734033897/ J5 series groupshot http://www.flickr.com/photos/donsolo/2195033782/ future tech training/play area for the public http://www.flickr.com/photos/shifted/2342416812/ More on the Whole Simon Blint Fiasco http://www.flickr.com/photos/thomashawk/2751554048/

×