files/de/web/html/element/s/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

---
title: <s>
slug: Web/HTML/Element/s
tags:
  - Element
  - HTML
  - HTML Textlevelsemantiken
  - NeedsCompatTable
  - Referenz
  - Web
translation_of: Web/HTML/Element/s
---
<div>{{HTMLRef}}</div>

<h2 id="Übersicht">Übersicht</h2>

<p>Das <em>HTML Strikethrough Element</em> (<code>&lt;s&gt;</code>) stellt Text mit einer durchgestrichenen Linie dar. Benutzt wird das <code>&lt;s&gt;</code> Element um zu repräsentieren, dass Dinge nicht länger relevant oder zutreffend sind. <code>&lt;s&gt;</code> ist jedoch nicht dafür geeignet, um Dokumentenänderungen anzuzeigen - hierfür sollten das {{HTMLElement("del")}} und das {{HTMLElement("ins")}} Element genutzt werden.</p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Inhaltskategorien</a></th>
   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Formulierungsinhalt</a> oder <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">fließender Inhalt</a>.</td>
  </tr>
  <tr>
   <th scope="row">Erlaubter Inhalt</th>
   <td><a href="/en-US/docs/HTML/Content_categories#Transparent" title="HTML/Content categories#Transparent">Transparent</a>.</td>
  </tr>
  <tr>
   <th scope="row">Tag Auslassung</th>
   <td>{{no_tag_omission}}</td>
  </tr>
  <tr>
   <th scope="row">Erlaubte Elternelemente</th>
   <td>Jedes Element, dass <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Formulierungsinhalt</a> erlaubt.</td>
  </tr>
  <tr>
   <th scope="row">DOM Schnittstelle</th>
   <td>{{domxref("HTMLElement")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Attribute">Attribute</h2>

<p><span style="line-height: 21px;">Dieses Element schließt nur </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">globale Attribute</a><span style="line-height: 21px;"> ein.</span></p>

<h2 id="DOM_Schnittstelle">DOM Schnittstelle</h2>

<p>Dieses Element implementiert die <code><a href="/en-US/docs/DOM/element" title="DOM/element">HTMLElement</a></code> Schnittstelle.</p>

<div class="note"><strong>Hinweis zur Implementierung: </strong>Bis einschließlich Gecko 1.9.2, hat Firefox die <a href="/en-US/docs/DOM/span" title="DOM/span"><code>HTMLSpanElement</code></a> Schnittstelle für dieses Element implementiert.</div>

<h2 id="Beispiel">Beispiel</h2>

<pre class="brush:html">&lt;s&gt;Heute im Angebot: Lachs&lt;/s&gt; AUSVERKAUFT&lt;br /&gt;
&lt;span style="text-decoration:line-through;"&gt;Heute im Angebot: Lachs&lt;/span&gt; AUSVERKAUFT</pre>

<h3 id="Ergebnis">Ergebnis</h3>

<p><s>Heute im Angebot: Lachs</s> AUSVERKAUFT<br>
 <s style="text-decoration: line-through;">Heute im Angebot: Lachs</s> AUSVERKAUFT</p>

<h2 id="Siehe_auch">Siehe auch</h2>

<ul>
 <li>Das {{HTMLElement("strike")}} Element, der Vorgänger des {{HTMLElement("s")}} Elements ist veraltet und sollte nicht mehr genutzt werden.</li>
 <li>Das {{HTMLElement("del")}} Element, welches genutzt werden sollte, wenn Daten <em>gelöscht</em> wurden.</li>
 <li>Die CSS {{cssxref("text-decoration")}} Eigenschaft um die visuellen Aspekte des {{HTMLElement("s")}} Elements zu archivieren.</li>
</ul>