<s>: S 要素

最終更新：2026-10-13

<s>S 要素

もはや正確でない・関連しないテキスト（例：取り消し価格）に取り消し線を表示します。

カテゴリ	書式
コンテンツモデル	フレージングコンテンツ
許可される親要素	フレージングコンテンツを受け入れる要素
閉じタグ	必要 `</s>` タグ
ステータス	標準

📝 構文

<s>取り消し線テキスト</s>

すべてのグローバル属性を見る → すべてのイベント属性を見る →

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認：

▶ 試してみる

🌐 ブラウザサポート

ブラウザ	Chrome	Edge	Firefox	Safari	Opera
<s>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
すべての主要ブラウザでサポート

ヒント： 文書から削除されたテキストを表すには、意味がより明確な <del> を使いましょう。

❓ よくある質問

Qs と del の違いは何ですか？

Aスタイルは同じ（デフォルトの打ち消し線）でも、意味が違います。<s> は「正しくなくなった・関係なくなった」（打ち消し線の旧価格や古い情報）、<del> は「文書編集で削除された内容」を表します。EC サイトの旧価格には <s>、修正記録には <del> を使いましょう。

Qs タグは廃止されましたか？

Aいいえ。HTML4 の時代には <s> は <strike> とともに非推奨とされましたが、HTML5 で復活し「もはや正確ではない」という意味が与えられました。現在 <s> は完全に有効で、廃止されているのは <strike> の方です。

Q打ち消し線の価格には s タグと CSS のどちらを使うべきですか？

A<s> の使用をおすすめします。「もはや正確ではない」という意味を持つため、スクリーンリーダーや検索エンジンが「これは旧価格だ」と理解できます。純粋な CSS の打ち消し線（text-decoration: line-through）より情報量が多いのです。意味を持たない純粋な装飾の打ち消し線だけが CSS の出番です。