Semantisches HTML - Praxis

HTML ist eine einfache und auch mächtiger Sprache, die Ihnen große Möglichkeiten bietet, wenn Sie sich dafür entscheiden, sie zu nutzen.

Dank der eingebauten Verhaltensweisen in HTML können Sie die Menge an explizitem Code, die Sie benötigen, reduzieren.

Strukturieren Sie Ihre Dokumente so, dass sie nicht nur gut aussehen, sondern auch gut funktionieren, und Sie können Ihre Inhalte für mehr Menschen und mehr Programme verfügbar machen.

Sie lernen, wie Sie semantisches, aussagekräftiges HTML erstellen können und dabei wichtige HTML-Tags und -Attribute verwenden. Sie werden sicherzustellen, dass Ihre HTML-Seiten und -Elemente richtig strukturiert und gegliedert sind.

Für aussagekräftige Dokumente nutzen Sie die besonderen Funktionen der HTML-Sprache für die Darstellung von Zitaten, Zahlen, Daten und Zeiten.

Inhalte in semantisches HTML-Markup umwandeln

• Aussagekräftiges HTML erstellen
• Inhalte untersuchen
• Wichtige Elemente einer Seite identifizieren
• Identifizieren Sie Überschriften und Absätze
• Einen Artikel mit Hervorhebungen und Links aufwerten
• Geordnete, ungeordnete und Definitionslisten

Den Rest der Webseite aufbauen

• Verstehen des Head-Codes
• Hinzufügen einer semantischen Navigation
• Hinzufügen von Bildern, Abbildungen und Bildunterschriften
• Hinzufügen von Fußzeilen mit Adresse, Uhrzeit und Datum
• Hinzufügen von Anführungszeichen, Zeilenumbrüchen und Zitaten
• Wann Sie div- und span-Elemente verwenden sollten

Zusätzliche nützliche semantische Tags

• Umbrüche mit oder +shy steuern,
• Anzeige von Code mit , und
• Bereitstellung von Skriptalternativen mit
• Bereitstellen von Details mit und
• Verstehen des missverstandenen

Erst kürzlich hat das HTTP Archive seinen jährlichen "State of the Web Report" veröffentlicht. Laut dem Abschnitt "HTML" des Berichts gehören zu den am häufigsten verwendeten Tags "div", "span", "script", "image" und "a", wobei diese Tags in über 90% der untersuchten Webseiten vorkommen. Es gibt jedoch 40 weitere HTML-Tags, die nur in 5% der untersuchten Webseiten vorkommen. Warum werden so viele Tags nicht verwendet? Semantisches HTML bedeutet HTML mit Bedeutung hinter seinen Elementen. Mit anderen Worten: Was bedeutet jedes Stückchen Inhalt auf der Seite strukturell gesehen? Ist es sprachlich hervorgehoben? Ist es eine Adresse, oder ist es eine Abkürzung? Ist es ein Artikel, oder ist es etwas, das nicht wirklich der Hauptfokus der Seite ist? Barrierefreie Websites verfügen im Kern über semantisches, sinnvolles HTML. In der Tat erhalten Sie einen großartigen Start für eine barrierefreie Website, indem Sie einfach alles nutzen, was HTML zu bieten hat, anstatt sich auf einen Haufen Divs und Spans zu beschränken. Da Barrierefreiheit in den Köpfen der Entwickler ganz oben steht, gab es noch nie einen besseren Zeitpunkt, um den Rest von HTML zu lernen.

Die Weiterbildung "Semantisches HTML - Praxis" bieten wir Ihnen als Firmenseminar sowie Inhouse-Schulung Live-Online und Vor-Ort an!