HTML5 & CSS3

 html-Geschichte                   Entwicklung seit 2000
   html – November 1992               W3C setzt auf xhtml 2.0
   html 4.01 – Dezember 1999          WHATWG (Browserhersteller)
                                       setzt auf Weiterentwicklung
   xhtml 1.0 – Januar 2000
                                       von html 4.01


 html5
   Entwicklung seit 2006 von der WHATWG
   Zusammenschluss in der Weiterentwicklung von html5 von W3C und
     WHATWG auf Basis von html 4.01 im Sommer 2009
   Geplante Fertigstellung des Standards 2014-2022
HTML5

 Doctype
   <!doctype html>
 Strukturiende Elemente
   header, footer, nav, section, article, aside
 Benutzerdefinierte Datenelemente
 Formularelemente
   Eingabetypen, Passende Bildschirmtastatur
   Color-Picker, Kalender, Fortschrittsbalken
   Platzhalter in Textfelder, Liste von vordefinierten Eingaben
     (Autocomplete)
 Multimedia
   Video, Audio, Canvas
CSS3

 Media-Queries
 Typographie
 CSS Effekte
   Schatten
   Formatierungen für Rahmen und Hintergründe
   Transparenz, Rgba(), hsla()
   Farbverläufe
 Transform
 Transitions
 Pseudoselektoren
Browserunterstützung

 Modulare Entwicklung
 Teilweise Browserunterstützung von html5 & css3
      html5test.com (Maximalpunktzahl 475)
          Chrome 16.0 373
          Firefox 10.0 332
          Opera      11.60 329
          Safari     5.1   302
          IE         9     141
 Nachrüsten von älteren Browsern (modernizr)

html5 & CSS 3

  • 1.
    HTML5 & CSS3 html-Geschichte Entwicklung seit 2000 html – November 1992 W3C setzt auf xhtml 2.0 html 4.01 – Dezember 1999 WHATWG (Browserhersteller) setzt auf Weiterentwicklung xhtml 1.0 – Januar 2000 von html 4.01 html5 Entwicklung seit 2006 von der WHATWG Zusammenschluss in der Weiterentwicklung von html5 von W3C und WHATWG auf Basis von html 4.01 im Sommer 2009 Geplante Fertigstellung des Standards 2014-2022
  • 2.
    HTML5 Doctype <!doctype html> Strukturiende Elemente header, footer, nav, section, article, aside Benutzerdefinierte Datenelemente Formularelemente Eingabetypen, Passende Bildschirmtastatur Color-Picker, Kalender, Fortschrittsbalken Platzhalter in Textfelder, Liste von vordefinierten Eingaben (Autocomplete) Multimedia Video, Audio, Canvas
  • 3.
    CSS3 Media-Queries Typographie CSS Effekte Schatten Formatierungen für Rahmen und Hintergründe Transparenz, Rgba(), hsla() Farbverläufe Transform Transitions Pseudoselektoren
  • 4.
    Browserunterstützung Modulare Entwicklung Teilweise Browserunterstützung von html5 & css3 html5test.com (Maximalpunktzahl 475) Chrome 16.0 373 Firefox 10.0 332 Opera 11.60 329 Safari 5.1 302 IE 9 141 Nachrüsten von älteren Browsern (modernizr)