HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLのタグとは？取り消し線テキストの使い方を解説

HTMLの<s>タグは、もはや関連性がなくなったテキスト（正確ではなくなった内容）を示すために使用される要素です。このタグはHTML5で再定義され、「不正確になったテキスト」を表す意味を持つようになりました。

それでは、<s>要素の実装例を見ていきましょう。

サンプルコード

<!DOCTYPE html>
<html>
<body>
<h2>Exam Results</h2>
    <p><s>Result would be announced on 6th June.</s></p>
    <p>New date for results are 7th June.</p>
</body>
</html>

表示結果

HTMLの s タグとは？取り消し線テキストの使い方を解説

上記の例では、すでに無効となった古い情報のテキストを次のように<s>タグで囲んでいます。

<s>
Result would be announced on 6th June.
</s>

<s>タグを使用すると、このように該当するテキストに取り消し線が引かれて表示されます。これにより、閲覧者に対して「この情報は現在は正しくない」ということを視覚的に伝えることができます。

<s>タグと<del>タグの違い

似たような用途で使われるタグに<del>タグがあります。<del>は「文書の編集履歴として削除された部分」を表すのに対し、<s>は単に「今はもう正確ではない情報」を表すという点が異なります。意味に応じて適切に使い分けることが、セマンティックなHTML作成のポイントです。

  1. HTMLのbigタグとは？使い方とサンプルコードを解説

    HTMLの<big>要素は、デフォルトのフォントサイズよりも大きなテキストを表示するために使用される要素です。 注意：<big>要素はHTML5ではサポートされていません。現在は非推奨となっており、同様の表示を実現したい場合は、CSSのfont-sizeプロパティを使用することが推奨されています。 使用例 それでは、実際に<big>要素をHTMLで実装した例を見てみましょう。 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> &l

  2. HTMLのdlタグとは？記述リストの作成方法をサンプルコード付きで解説

    HTMLのdlタグとは HTMLの<dl>要素は、記述リスト（description list）を定義するために使用されるタグです。HTML5では<dl>は「記述リスト」を表しますが、HTML4では「定義リスト（definition list）」として扱われていました。この違いを理解しておくと、より適切なマークアップができるようになります。 記述リストは、用語とその説明をセットで表示したい場合に便利な要素で、用語集、FAQ、メタデータの表示など、さまざまな場面で活用できます。 dlタグの基本構造 <dl>タグは、以下の2つの要素と組み合わせて使用します。