Ersetzte Elemente

Im Bereich der Webentwicklung sind ersetzte Elemente HTML-Elemente, deren Inhalt durch externe Ressourcen oder Inhalte, die außerhalb der Dokumentstruktur definiert sind, ersetzt wird und die im CSS-Rendering-Modell nicht berücksichtigt werden. Es handelt sich um externe Objekte, deren Darstellung unabhängig vom CSS-Formatierungsmodell ist.

Folgende können ersetzte Elemente sein:

Die folgenden werden nur in bestimmten Fällen als ersetzte Elemente behandelt:

<audio>
<canvas>
<object>
<input> (nur image Eingangstypen)

Ersetzte Elemente haben oft eine innere Dimension und ein inneres Verhältnis. Zum Beispiel wird der Inhalt eines <img>-Elements im Allgemeinen durch das Bild ersetzt, das durch sein src-Attribut definiert ist. Dieses Bild hat eine intrinsische Breite und Höhe, die in absoluten Einheiten angegeben sind und das Verhältnis bestimmen.

Formularsteuerelemente sind im Allgemeinen nicht ersetzbare Widgets, außer <input type="image">, das mit einem Bild ersetzt wird. Objekte, die mit der CSS-Eigenschaft content eingefügt werden, sind anonyme ersetzte Elemente. Sie sind "anonym", weil sie im HTML-Markup nicht existieren.