Das i-Tüpfelchen der Barrierefreiheit

veröffentlicht in 2010

zuletzt bearbeitet in

Vollständige Start- und End-Tags

Oft, wenn Start- und End-Tags nicht übereinstimmen, kann ein Browser die Auszeichnung korrigieren. Beispielsweise reparieren Browser den folgenden Code:

<!-- nicht nachahmen -->
<h1>Überschriftentext</h2>

Im DOM ist das Ergebnis:

<h1>Überschriftentext</h1>

Browser können aber nicht alle Fehler im HTML-Code reparieren. Vor allem wenn die Start- und End-Tags unvollständig sind, kann die Syntaxanalyse scheitern. Wenn das "<" für einen Start-Tag wie <section> fehlt, wird ein Browser normalerweise den Text "section>" 1:1 ausgeben. Bei fehlenden ">" in einem Start-Tag wird das Ergebnis sichtbar sein, zum Beispiel

<!-- nicht nachahmen -->
<img src="HTML.png" alt="HTML"
<p>Text</p>

Das Ergebnis im DOM sieht wie folgt aus:

DOM-Ansicht des dargestellten Codes im Firefox, wie folgt beschrieben.

Der Browser erzeugt folgenden inkorrekten Code:

<img src="HTML.png" alt="HTML" <p="">Text<p></p>]

Im allgemeinen sind die Ergebnisse von unvollständigen Start- und End-Tags im Browser beziehungsweise im DOM gut erkennbar. Die Inhalte sind für alle nicht zugänglich, was streng genommen keine Barriere ist.