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.

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 mitoder +shy steuern,
• Anzeige von Code mit ,und
• Bereitstellung von Skriptalternativen mit
• Bereitstellen von Details mitund
• 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.