Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.cdn.mozilla.net/de/docs/Web/HTML/Reference/Elements/s below:

<s>: Das Durchgestrichen-Element - HTML

Baseline Widely available

Das <s> HTML-Element rendert Text mit einem Durchstrich oder einer Linie durch ihn. Verwenden Sie das <s>-Element, um Dinge darzustellen, die nicht mehr relevant oder nicht mehr korrekt sind. Allerdings ist <s> nicht geeignet, um Dokumentenänderungen zu kennzeichnen; hierfür sollten die <del> und <ins> Elemente, wie angemessen, verwendet werden.

<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 */
}

Dieses Element enthält nur die globalen Attribute.

Die Anwesenheit des s-Elements wird von den meisten Screenreader-Technologien in ihrer Standardkonfiguration nicht angekündigt. Es kann zur Ankündigung gebracht werden, indem die CSS-Eigenschaft content zusammen mit den Pseudo-Elementen ::before und ::after verwendet wird.

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] ";
}

Einige Menschen, die Screenreader verwenden, deaktivieren absichtlich die Ankündigung von Inhalten, die zusätzliche Redundanz erzeugen. Aus diesem Grund ist es wichtig, diese Technik nicht zu missbrauchen und sie nur in Situationen anzuwenden, in denen das Nichtwissen über durchgestrichene Inhalte das Verständnis erheblich beeinträchtigen würde.

• Kurzer Hinweis zur Verbesserung Ihrer Markierung (zugänglicher) | The Paciello Group
• Feintuning der Textstilebene | Adrian Roselli

.sold-out {
  text-decoration: line-through;
}

<s>Today's Special: Salmon</s> SOLD OUT<br />
<span class="sold-out">Today's Special: Salmon</span> SOLD OUT

• Das <strike> Element, das Alter Ego des <s>-Elements, ist veraltet und sollte auf Websites nicht mehr verwendet werden.
• Das <del> Element sollte stattdessen verwendet werden, wenn Daten gelöscht wurden.
• Die CSS-Eigenschaft text-decoration-line sollte verwendet werden, um den früheren visuellen Aspekt des <s>-Elements zu erreichen.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4