- HOME
- > BLOG CATEGORY
- 【HTML】s要素の使い方、無効になった内容に取り消し線を引こう!

- お知らせ
- NEW 2025.01.25 【WordPress】MW WP Form セレクトボックスを必須にする方法
- お知らせ
- NEW 2025.01.25 【WordPress】カスタム投稿カテゴリー取得について
- お知らせ
- 2025.01.18 【jQuery】セレクトボックスにアンカーを設定する方法
こんな方に読んでほしい
HTML
について学びたい方へ左の図が、s
要素を指定なしの場合は、通常通りのテキスト表示になります。
右の図が、s
要素を指定することにより、無効になった内容や、正確ではなくなった内容に取り消し線を引いてくれます。
![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|
s要素
とは、無効になった内容や、正確ではなくなった内容に取り消し線を引いてくれます。
例として、「在庫がなくなり」、無効になっていることをs
を指定し、表します。
その他にも「古い価格の変更」などにも使われます。
書き方は以下のようになります。
s要素について
例1、※現在、Mサイズは在庫がありません。
例2、通常価格:5,000円
今なら!!特別価格:1,000円で!
<p>例1、※現在、Mサイズは在庫がありません。</p>
<ol class="s-list">
<li>Sサイズ</li>
<li><s>Mサイズ</s></li>
<li>Lサイズ</li>
</ol>
<hr>
<p>例2、<s>通常価格:5,000円</s></p>
<p><strong>今なら!!特別価格:1,000円で!</strong></p>
ポイント!
今回は、s要素について解説してきました。
s要素はあくまで、無効になった内容や、正確ではなくなった内容に対して、適用されます。
「削除する」という意味ではありません。
内容を削除することを表す内容でしたら、del
要素を使いましょう。
今回はこれで以上です。
次回も「del要素(削除された箇所を示す)」について解説していきます。
s
要素は、 無効になった内容や、正確ではなくなった内容に取り消し線を引いてくれます。s
要素は、 「削除する」という意味ではありません。内容を削除することを表す内容でしたら、del要素を使いましょう。![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|
2021.07.27
2021.07.09
2021.07.06
2021.07.02
2025.01.25
2025.01.18
2025.01.18
2025.01.13
2025.01.11
2025.01.11
2023.06.15
2022.06.30
2020.03.22
2020.03.06
© 2024 shu-naka-blog