Sie befinden sich hier: Home » Seminare » Web » HTML5

HTML 5

Empfohlene Schulungsdauer: 1 Tag, insgesamt 8 Unterrichtsstunden à 45 Minuten

Kursziele

HTML 5 ist die aktuellste Spezifikation der ›Hypertext Markup Language‹ (HTML), welche die seit dreizehn Jahren aktuelle HTML 4.01-Spezifikation in den kommenden Jahren ablösen soll. Aktuelle Browser wie Firefox, Google Chrome, Safari oder Opera unterstützten bereits einige HTML 5-Elemente etwa zum Abspielen von Videos oder zur Darstellung gezeichneter Grafiken; auch für mobile Endgeräte spielt HTML 5 eine wichtige Rolle. Der kommende IE 9 wird HTML 5 ebenfalls voll unterstützen. Teilnehmer lernen in diesem HTML 5-Seminar alle Änderungen gegenüber dem HTML 4.01-Standard kennen und einzusetzen. HTML 5 führt neue Tags ein, was die Frage aufwirft, welchen Nutzen diese Tags haben oder warum es sinnvoll ist, schon heute HTML 4 Code so auszurichten, dass Webseiten eine semantische Struktur bekommen. 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 HTML 5-Seminar wertvolle Hinweise zu Themen der Kompatibilität mit älteren Browsern und zum Erreichen eines konsistenten Erscheinungsbildes. Auch wer HTML 5 nicht einsetzen kann, profitiert von dem Seminar. Denn HTML 5 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 HTML 5 mit HTML 4, CSS und JavaScript elegant zu lösen sind.

Seminarinhalte

• Entwicklung des HTML 5-Standards

  - W3C, WHATWG-Gruppe
  - Entwicklung von HTML aus SGML
  - HTML versus XHTML
  - HTML 5 und XHTML 5, Verabschiedung von SGML
  - Doctype
  - Support der einzelnen Browser
  - HTML 5 Validierer
  - HTML 5 Browser-Support mit Modernizr erweitern
  - Ersetzt HTML 5 bald 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
  - 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 5-Formulare

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

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

Schlagwörter

• HTML

Weiterführende Seminare

Ausgezeichnet in CSS, Neuerungen in CSS 3, JavaScript und DOM für dynamische Webseiten, Sichere Web-Anwendungen entwickeln