Zum Inhalt springen

template-Element

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 18.10.2026

Das template-Element hält einen Abschnitt Markup vor, ohne ihn darzustellen. Skripte können ihn vervielfältigen.

template-Element

Element, dessen Inhalt vom Browser verarbeitet, aber nicht dargestellt wird, bis ein Skript ihn einsetzt.
Beispiel: „Ein template-Element erzeugt keine Darstellung und lädt keine Bilder.“

Wofür es gedacht ist

<template id="zeile">
  <li class="treffer">
    <a href=""></a>
  </li>
</template>

Als Vorlage für Inhalte, die ein Skript vervielfältigt: Suchergebnisse, Listeneinträge, Benachrichtigungen. Der Vorteil gegenüber einer Zeichenkette im Code ist, dass das Markup im Dokument steht, dort lesbar bleibt und vom Editor geprüft wird.

Was der Browser damit macht

Er liest das Markup, stellt es aber nicht dar, lädt keine Bilder und führt keine Skripte darin aus. Erst wenn ein Skript den Inhalt kopiert und einsetzt, wird daraus ein echter Teil der Seite.

Siehe auch:

Web Components (Custom Elements)

Eigene HTML-Elemente mit eigenem Verhalten.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

DOM-Manipulation

Den Baum ändern, den der Browser aus dem Dokument gebaut hat.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Element (HTML)

Ein Bestandteil des Dokuments, erzeugt durch ein Tag oder ein Tag-Paar.

#Frontend-Entwicklung (HTML, CSS, JavaScript)