HTML辞書ホームへ
HTML要素 辞書 by Sentaro
<s>
ストライクスルー（Strikethrough）要素。もはや正確ではない、または関連性のない内容を示します。
info
概要
<s> 要素は、その内容がもはや**正確ではない**、または**関連性がなくなった**ことを示すために使用されます。要素の内容は取り消し線（横線）でレンダリングされます。
価格変更やステータス変更など、変更履歴として古い情報を表示する際に適しています。
play_circle
デモ (静的表示)
HTML (Source)
<p>現在の価格: <s>2,000円</s> <strong>1,500円</strong></p>
<br><br>
<p>この機能は <s>廃止されました</s>。</p>
Preview (Result)
現在の価格: 2,000円 1,500円
この機能は 廃止されました。
list
属性 (Attributes)
| 属性名 | 説明 |
|---|---|
| グローバル属性 | 全てのHTML要素で使用可能なグローバル属性（class, id, styleなど）のみをサポートします。固有の属性はありません。 |
code
実用例
1. 価格の変更履歴
<p>
限定価格: <s>10,000円</s> <strong>7,980円</strong>で販売中！
</p>
2. 打ち消された情報の表示
<p>
予定されていたミーティングは <s>水曜日</s> <ins>木曜日</ins> に変更されました。
</p>
3. フォームの選択肢（非推奨）
<ul>
<li>りんご</li>
<li><s>バナナ</s> (在庫切れ)</li>
<li>みかん</li>
</ul>
lightbulb
知っておくべき重要事項
warning
<del> 要素との使い分け
内容が「文書から削除された」ことを示す場合は
内容が「文書から削除された」ことを示す場合は
<del> 要素を使用すべきです。<s> は、内容が**正確ではない/関連性がない**ことを示しますが、文書の変更履歴としては <del> の方がセマンティクス的に正確です。価格変更など、単に「古い情報」を示す場合に <s> を使うのが一般的です。
accessibility_new
アクセシビリティ
スクリーンリーダーは通常、
スクリーンリーダーは通常、
<s> 要素の内容を単に取り消し線があるテキストとして読み上げます。重要な情報が打ち消されている場合、その意味（例: 「（古い情報）2,000円」）を補足するテキストを周囲に追加することを検討してください。