HTML <ins>-Tag
Das <ins>-Tag wird verwendet, um einen Teil des Textes zu definieren, der in das Dokument eingefügt wurde. Im Browser wird der Tag-Inhalt als unterstrichener Text angezeigt, dies kann jedoch mit der CSS-Eigenschaft text-decoration geändert werden.
Das <ins>-Tag wird normalerweise zusammen mit dem <del>-Tag verwendet, der den gelöschten Teil des Textes enthält. Der Inhalt dieses Elements wird als durchgestrichener Text angezeigt.
Moderne Screenreader geben eingefügten Text in der Regel automatisch vor. Für eine bessere Barrierefreiheit können Sie bei Bedarf auch das Attribut aria-label verwenden, um zusätzlichen Kontext bereitzustellen.
Syntax
Das <ins>-Tag wird immer in Paaren verwendet. Der Inhalt wird zwischen dem öffnenden (<ins>) und dem schließenden (</ins>) Tag geschrieben.
Beispiel für das HTML <ins>-Tag:
HTML <ins>-Tag
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>She likes <del datetime="2023-01-01">violets</del> <ins datetime="2023-10-01">snowdrops</ins>.</p>
</body>
</html>Ergebnis
Beispiel für das HTML <ins>-Tag mit CSS-Eigenschaften:
Beispiel für das HTML <ins>-Tag mit CSS-Eigenschaften
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
ins {
font-size: 16px;
font-weight: bold;
color: red;
}
ins::before {
content: " - ";
}
</style>
</head>
<body>
<p>
<q>You only live once, but if you do it right, once is enough.</q>
<ins>Mae West</ins>
</p>
</body>
</html>Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| cite | URL | Gibt die URL des Dokuments an, das den Grund für die Einfügung erklärt. |
| datetime | YYYY-MM-DDThh:mm:ssTZD | Definiert das Datum und die Uhrzeit der Einfügung. |
Das <ins>-Tag unterstützt auch die Globalen Attribute und die Ereignisattribute.
Praxis
Was stellt das HTML <ins>-Tag dar?