Caution

お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。

HTMLタグ辞典

トップページ
HTMLタグ辞典
/ <s> / / / <del> / <ins>

/ <s> / / / <del> / <ins>

テキストの意味的な修飾に使うインライン要素のグループです。『small』（注記）・『s』（無効テキスト）・『u』（固有名詞等）・『mark』（ハイライト）・『del』（削除）・『ins』（挿入）をまとめて解説します。

構文

<small>著作権表示や注意書き</small>
<s>もう正しくない情報</s>
<u>固有名詞や注意を引くテキスト</u>
<mark>検索でヒットしたキーワード</mark>
<del>削除されたテキスト</del>
<ins>追加されたテキスト</ins>
<!-- sup: 上付き文字 -->
x<sup>2</sup>
<!-- sub: 下付き文字 -->
H<sub>2</sub>O

タグ一覧

タグ	概要
small	著作権・免責事項・注意書きなど補足的な細かいテキストを表します。デフォルトで小さいフォントで表示されます。
s	もはや正確・適切ではなくなったテキストを示します。価格の取り消しや旧情報に使います。デフォルトで打ち消し線が付きます。
u	固有名詞・スペルミスの下線など、注意が必要なテキストを示します。デフォルトで下線が付きます。
mark	文脈上に関連する・参照目的でハイライトしたいテキストを示します。デフォルトで黄色の背景色が付きます。
del	文書から削除されたテキストを示します。デフォルトで打ち消し線が付きます。
ins	文書に追加されたテキストを示します。デフォルトで下線が付きます。
sup	上付き文字を表します。数式の指数や注釈番号に使います。
sub	下付き文字を表します。化学式や数式の添え字に使います。

サンプルコード

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
</head>
<body>

  <!-- sで取り消し価格を表示 -->
  <p>通常価格：<s>5,980円</s> → セール価格：<strong>2,980円</strong></p>

  <!-- markでキーワードをハイライト -->
  <p>検索結果：<mark>HTML</mark>の基本的な使い方について解説します。</p>

  <!-- delとinsで変更履歴を表示 -->
  <p>次回の締め切りは<del>3月10日</del><ins>3月17日</ins>に変更になりました。</p>

  <!-- smallで注意書き -->
  <p>ご購入はこちらから。<small>※在庫がなくなり次第終了します</small></p>

  <!-- supとsubの使用例 -->
  <p>面積 = 縦<sup>2</sup> + 横<sup>2</sup></p>
  <p>水の化学式：H<sub>2</sub>O</p>

</body>
</html>

実行結果

各要素がデフォルトの視覚スタイルで表示されます。

通常価格：~~5,980円~~ → セール価格：2,980円  ← 打ち消し線
検索結果：[HTML]の基本的な使い方...           ← 黄色ハイライト
次回の締め切りは~~3月10日~~3月17日に変更...   ← 打ち消し+下線
ご購入はこちらから。※在庫がなくなり次第終了  ← 小さいフォント
面積 = 縦² + 横²                             ← 上付き文字
水の化学式：H₂O                               ← 下付き文字

概要

『s』と『del』はどちらも打ち消し線で表示されますが意味が異なります。『s』は「もはや適切でない情報（価格変更・旧情報など）」を示し、『del』は「文書の編集によって削除されたテキスト」を示します。同様に『u』と『ins』はどちらも下線ですが、前者は「注意が必要なテキスト」、後者は「追加されたテキスト」という意味の違いがあります。

『mark』は検索エンジンの強調表示や、文章を参照する際に関連する部分をハイライトするのに最適です。単に見た目を黄色くしたいだけならCSSの『background-color』を使い、意味的なハイライトが必要な場合に『mark』を使いましょう。

『sup』と『sub』は数式・化学式・参考文献の注釈番号などに活用できます。フォントサイズが自動的に小さくなり上・下に配置されます。テキストの基線（ベースライン）からずれるため、行間が乱れることがあります。気になる場合はCSSの『line-height』で調整してください。