このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

s要素:今は正確ではない内容

記事Apr. 18th,2015
July 7th,2020
すでに正確ではない部分を表す要素
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

要素について

s”要素は今はすでに古かったり、正確でない、関連性がなくなった内容を示す要素です。

文書の訂正や削除を示すにはdel”要素が適切です。

サンプルコード

<dl>
<dt>幻の高級りんご</dt>
<dd><s>20000円</s></dd>
<dd><strong>お買い得価格!10000円</strong></dd>
</dl>
幻の高級りんご
20000円
お買い得価格!10000円

一般的なブラウザでは“s”要素の内容は取消線を伴って表示されます。

属性と値

属性
属性 説明 説明
必須属性
なし
任意属性
グローバル属性

“斜字”を表す

HTML4まで

HTML4までは“s”要素はスタイリング用の要素の一つで取消線を引くための要素でした。HTML5でも一般的なブラウザでは“s”要素の内容は取消線を伴って表示されますが、取消線を引く目的で使用するのは適切ではありません。

代替方法

特別な意味を持たせることなく取消線を引く場合はspan”要素などにスタイルシートのtext-decoration”プロパティを指定します。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>サンプルの文書</title>
<style>
.text-strike {
text-decoration: line-through;
}
</style>
</head>
<body>

<p>特に意味のないテキストだが<span class="text-strike">この部分</span>だけは取消線を引きたかったのでスタイルシートで取消線を引いてみた。</p>

...

仕様書

s”要素はHTML4.0から定義されている要素です。意味が変更されましたが現行の仕様であるHTML Living Standardでも定義されています。

HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<s>
非推奨

定義あり

定義あり

定義あり

定義あり
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク