Zum Inhalt springen

audio-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 audio-Element bindet Ton ein. Dieselben Überlegungen wie beim Video, mit einer Besonderheit beim Transkript.

audio-Element

Element, das eine Tondatei in das Dokument einbettet.
Beispiel: „Ein audio-Element zeigt mit controls die Bedienelemente des Browsers.“

Einbindung

<audio controls preload="none">
  <source src="/folge-12.mp3" type="audio/mpeg">
</audio>

Mit preload="none" wird erst auf Klick geladen, was bei mehreren Dateien auf einer Seite erheblich Datenvolumen spart.

Das Transkript

Ton allein ist für Gehörlose wertlos und für Suchmaschinen unsichtbar. Ein Transkript als Text unter dem Abspieler löst beides auf einmal: Es macht den Inhalt zugänglich und zugleich auffindbar. Bei Podcasts ist das heute Standard.

Siehe auch:

video-Element

Bindet ein Video ohne Zusatzprogramme ein.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Semantisches HTML

Elemente nach ihrer Bedeutung wählen statt nach ihrem Aussehen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Iframe

Bettet ein fremdes Dokument in die Seite ein.

#Frontend-Entwicklung (HTML, CSS, JavaScript)