コンテンツにスキップ

HTML Living Standard/s

出典: フリー教科書『ウィキブックス(Wikibooks)』

S要素

[編集]

<s>要素は、HTMLでテキストを取り消し線付きで表示するために使用される要素です。この要素は、内容がもはや有効でない、または過去のものとして表示されることを示すために使われます。たとえば、誤った情報や変更された内容を示す場合に使用されますが、通常は内容が無効であることを示す場合に使用されます。

定義

[編集]

<s>要素は、視覚的に取り消し線(横線)を引くことによって、テキストが無効であることや過去のものとして示すために使用されます。この要素は、テキストの論理的な意味に影響を与えるものではなく、あくまで視覚的な表示のために使用されます。

使用方法

[編集]

以下は、<s>要素を使用した基本的な例です。

<p>この価格は <s>1000円</s> 1200円です。</p>

この例では、「1000円」というテキストに取り消し線が引かれ、「1200円」という新しい価格が示されています。

<del>要素との違い

[編集]

<s>要素は、テキストを視覚的に取り消し線付きで表示するための要素ですが、<del>要素は、テキストの削除を意味する要素です。<del>要素は、テキストが削除されたことを意味する文脈で使用され、意味的に変更を示すものです。一方、<s>要素は、過去の情報や無効な情報を示すために使用されますが、削除されたことを示すものではありません。

<p>注文した商品 <del>1000円</del> 1200円に値上げされました。</p>

<del>要素は削除を意味し、<s>要素は情報の変更や無効化を示すことに使われます。

使用上の注意

[編集]
  • <s>要素は、視覚的に取り消し線を表示するためだけに使用されます。論理的な意味を表すためには、<del><ins>要素を使用するべきです。
  • 無効な情報や過去の情報を表示する場合に使用されることが多いですが、削除された情報には<del>要素を使用します。

アクセシビリティ

[編集]

<s>要素は視覚的な取り消し線を表示しますが、スクリーンリーダーなどの支援技術に特別な意味を伝えるわけではありません。そのため、視覚的に取り消し線を引きたい場合には適切に使用できますが、意味的に変更を示す場合は<del><ins>を使うべきです。

関連項目

[編集]

関連仕様

[編集]