HTML, der aktuelle Web-Standard

HTML5 ist der aktuelle Standard der ›Hypertext Markup Language‹ und bildet die Grundlage moderner Webentwicklung. Gängige Browser wie Chrome, Firefox, Safari, Opera und Microsoft Edge unterstützen umfangreiche HTML5-Funktionen, etwa für die Wiedergabe von Videos, Animationen und die Darstellung interaktiver Grafiken. Besonders für mobile Endgeräte ist HTML5 unverzichtbar. In diesem Seminar lernen die Teilnehmer alle Neuerungen im Vergleich zu HTML 4.01 kennen und anwenden. Der Fokus liegt auf den neuen semantischen Tags, die die Struktur und Zugänglichkeit von Webseiten verbessern, sowie auf erweiterten Interaktionsmöglichkeiten und der Integration von Multimedia-Inhalten. Ein weiterer Schwerpunkt ist der Umgang mit der fragmentierten Browserlandschaft. Die Teilnehmer erhalten praxisnahe Tipps zur Kompatibilität mit älteren Browsern und zur Umsetzung eines einheitlichen Designs.

Inhalte des Seminars

Entwicklung des HTML-Standards

• W3C, WHATWG-Gruppe
• Entwicklung von HTML aus SGML
• HTML und XHTML, Verabschiedung von SGML
• Doctype
• Support der einzelnen Browser
• HTML Validierer
• HTML Browser-Support mit Modernizr erweitern

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 …

HTML-Formulare

• Vorarbeit von Web Forms 2.0, Übernahme in HTML
• 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