1. Web
  2. HTML
  3. Reference
  4. Elements
  5. <s>

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

HTML-Element <s> für durchgestrichenen Text

Baseline
Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das HTML-Element <s> stellt Text durchgestrichen dar. Verwenden Sie das Element <s> für Inhalte, die nicht mehr relevant oder nicht mehr zutreffend sind. Um Änderungen an einem Dokument zu kennzeichnen, ist <s> jedoch nicht geeignet; verwenden Sie dafür je nach Fall die Elemente <del> und <ins>.

Probieren Sie es aus

<p><s>There will be a few tickets available at the box office tonight.</s></p>

<p>SOLD OUT!</p>

s {
  /* Add your styles here */
}

Attribute

Dieses Element unterstützt nur die globalen Attribute.

Barrierefreiheit

Die meisten Screenreader geben das Vorhandensein des Elements s in ihrer Standardkonfiguration nicht bekannt. Mit der CSS-Eigenschaft content und den Pseudoelementen ::before und ::after lässt sich eine Ansage hinzufügen.

css
s::before,
s::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

s::before {
  content: " [start of stricken text] ";
}

s::after {
  content: " [end of stricken text] ";
}

Manche Menschen, die Screenreader verwenden, deaktivieren bewusst die Ansage von Inhalten, die zusätzliche Ausführlichkeit erzeugen. Setzen Sie diese Technik deshalb sparsam und nur dann ein, wenn das Verständnis darunter leiden würde, nicht zu erfahren, dass Inhalte durchgestrichen sind.

Beispiele

css
.sold-out {
  text-decoration: line-through;
}
html
<s>Today's Special: Salmon</s> SOLD OUT<br />
<span class="sold-out">Today's Special: Salmon</span> SOLD OUT

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Formulierungsinhalt, Flussinhalt.
Zulässiger Inhalt Formulierungsinhalt.
Weglassen von Tags Keines; sowohl das öffnende als auch das schließende Tag sind erforderlich.
Zulässige Elternelemente Jedes Element, das Formulierungsinhalt erlaubt.
Implizite ARIA-Rolle deletion
Zulässige ARIA-Rollen Alle
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Spezifikation
HTML
# the-s-element

Browser-Kompatibilität

Siehe auch

  • Das Element <strike>, ein Gegenstück zum Element <s>, ist veraltet und sollte auf Websites nicht mehr verwendet werden.
  • Wenn Daten gelöscht wurden, sollte stattdessen das Element <del> verwendet werden.
  • Mit der CSS-Eigenschaft text-decoration-line lässt sich das frühere Erscheinungsbild des Elements <s> erzielen.

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden