HTML5, der aktuelle Web-Standard

HTML5 ist die aktuelle Sammlung von Spezifikationen und Dokumenten der ›Hypertext Markup Language‹ (HTML), welche die aktuelle HTML 4.01-Spezifikation ablöst. Aktuelle Browser wie IE, Google Chrome, Firefox, Safari oder Opera unterstützen große Teile der HTML5-Standards etwa zum Abspielen von Videos oder zur Darstellung gezeichneter Grafiken; auch für mobile Endgeräte spielt HTML5 eine wichtige Rolle. Teilnehmer lernen in diesem HTML5-Seminar alle Änderungen gegenüber dem HTML 4.01-Standard kennen und einzusetzen. HTML5 führt neue Tags ein, was die Frage aufwirft, welchen Nutzen diese Tags haben oder warum es sinnvoll ist, Webseiten eine semantische Struktur zu geben. Einen weiteren Fokus setzt die Weiterbildung auf die neuen Interaktionsmöglichkeiten und die Wiedergabe von Animationen, Audio und Video. Da die Browser-Landschaft sehr zersplittert ist, gibt das HTML5-Seminar wertvolle Hinweise zu Themen der Kompatibilität mit älteren Browsern und zum Erreichen eines konsistenten Erscheinungsbildes. Auch wer HTML5 nicht einsetzen kann, profitiert von dem Seminar. Denn HTML5 hält Lösungsvorschläge für die heute im Web liegenden Probleme bereit. Das Seminar schult, wie Probleme im aktuell geschriebenen HTML-Code zu erkennen sind und statt HTML5 mit HTML4, CSS und JavaScript elegant zu lösen sind.

Inhalte des Seminars

Entwicklung des HTML5-Standards

• W3C, WHATWG-Gruppe
• Entwicklung von HTML aus SGML
• HTML und XHTML, Verabschiedung von SGML
• Doctype
• Support der einzelnen Browser
• HTML5 Validierer
• HTML5 Browser-Support mit Modernizr erweitern
• Ersetzt HTML5 Java-Applets, Flash und Silverlight?

Umdefinierte und gelöschte Elemente

• Bedeutungsverschiebung von i, b, em, small, strong
• separator statt hr
• Startnummer und Nummerierung von Aufzählungen wieder erlaubt
• Entfernte Elemente big, @tt,font,center` …
• iframe und Alternativen

Neue Elemente und Attribute

• Zusammenhängende Inhalte mit section auszeichnen
• Kopf- und Fußzeilen im Abschnitt mit header, footer
• hgroup als Container für <hx> Überschriften
• nav für Navigationsbereiche
• article für Abschnitte
• section für Abschnitte
• aside für Begleittexte
• figure für Bildüber-/unterschriften
• dialog für Gesprächsdialoge (Unterhaltungen)
• blockcode für Listings
• Zeitangaben über time auszeichnen
• Editierungen durch edit statt del/ins anzeigen
• Erweiterte Angaben durch role, RDF-Nutzung
• href zu jedem Element hinzufügen
• Neue Linktypen: bookmark, pingback, licence, first …

HTML5-Formulare

• Vorarbeit von Web Forms 2.0, Übernahme in HTML5
• Neue Eingabetypen: E-Mail-Adresse, Internetadresse, Zahl, Tag/Monat/Jahr …
• Validierung
• Pflichtfelder definieren
• Erlaubte Formularwerte vorgeben/Autovervollständigung (Datenlisten)
• Numerische Werte mit Maximalangabe über meter
• Zugefügte Abfragemethoden PUT und DELETE für REST-Aufrufe
• Generierte (RSA-)Schlüssel verschicken
• Interaktive Elemente für Menüs/Toolbars: menu, command …

Multimedia und weitere Darstellungselemente

• Audio- und Videodateien einbinden mit audio/video
• Plugins und interaktive Elemente mit embed einbinden
• Texthervorhebung über mark
• SVG-Grafiken einbinden
• Mathematische Formeln über MathML einbinden
• Zeichenfläche canvas, 2D- und 3D-Animationen

Weitere Neuerungen in HTML5

• progress-Element
• Ruby-Annotationen
• Dokumentobjektmodell DOM5
• WYSIWYG Signatur
• Vordefinierte Klassenamen: copyright, error …
• Geolocation-API
• DOM-Storage zur Offline-Speicherung von Clientinformationen