トップページ  > HTML Living Standard  > <ins>

★HTML Living Standard リファレンス

<ins> …… 追加された内容を表す
Internet Explorer Microsoft Edge Google Chrome Safari Firefox Opera
広告

<ins>タグは、ドキュメントに追加された内容を表す際に使用します。

ins要素のcite属性は、引用元へのリンク、または、編集に関する詳細情報へのリンクを指定する際に使用します。

ins要素のdatetime属性は、変更した日付と時刻(オプション)を指定する際に使用します。

■属性

cite属性
引用元へのリンク、または、編集に関する詳細情報へのリンクを有効なURLで指定します。
datetime属性
変更した日付と時刻(オプション)を有効な日付文字列で指定します。

■使用例

以下のサンプルは、1つのp要素(段落)が追加された内容であることを表しています。

HTMLソース

<aside>
 <ins>
  <p>私は果物が好きです。</p>
 </ins>
</aside>
↓↓↓

ブラウザ上の表示

■使用例

以下のサンプルは、ins要素のdatetime属性を使用して追加日時を指定しています。

HTMLソース

<aside>
 <ins datetime="2005-03-16 00:00Z">
  <p>私は果物が好きです。</p>
 </ins>
</aside>
↓↓↓

ブラウザ上の表示

■使用例

以下のサンプルは、ins要素が2つありますが、全体で1つの段落となっています。 追加される段落は1つだけです。

HTMLソース

<aside>
 <ins>
  リンゴは<em>おいしい</em>。
 </ins>
 <ins>
  梨もそうです。
 </ins>
</aside>
↓↓↓

ブラウザ上の表示

ins要素は段落をまたがない

ins要素は、段落境界を越えてはなりません。 1つのins要素が複数の段落にまたがってはいけないということです。 <p>タグを省略せずに記述することで、 ins要素が段落の境界を越えているかどうかが明確になります。 そのため、常にすべての段落をp要素でマークアップすることが強く推奨されています。

■誤った使用例

以下のサンプルは、誤った使用例です。 ins要素で2つの段落が追加されていますが、最初のins要素は暗黙の段落境界を越えてしまっています。 ins要素は、段落境界を越えることはできません。

HTMLソース(誤り)

<aside>
 <!-- 最初のins要素は暗黙の段落境界を越えてしまっています。 -->
 <ins>
  <p>私は果物が好きです。</p>
  <!-- ここに暗黙の段落境界があります。 -->
  リンゴは<em>おいしい</em>。
 </ins>
 <ins>
  梨もそうです。
 </ins>
</aside>
↓↓↓

ブラウザ上の表示

■修正した使用例

以下のサンプルは、上記の誤った使用例を修正したものです。 より多くの要素が使用されていますが、暗黙の段落境界を越えるins要素はありません。

HTMLソース

<aside>
 <ins>
  <p>私は果物が好きです。</p>
 </ins>
 <ins>
  リンゴは<em>おいしい</em>。
 </ins>
 <ins>
  梨もそうです。
 </ins>
</aside>
↓↓↓

ブラウザ上の表示

■使用例

以下のサンプルは、テーブルに行を追加する場合の使用例です。 テーブルに行や列を追加する際には、行全体や列全体ではなく各セルの内容をそれぞれins要素で囲みます。

HTMLソース

<table>
 <thead>
  <tr><th>品名</th><th>価格</th><th>個数</th></tr>
 </thead>
 <tbody>
  <tr><td>りんご</td><td>300円</td><td>100袋</td></tr>
  <tr><td>みかん</td><td>400円</td><td>50パック</td></tr>
  <tr><td><ins>バナナ</ins></td><td><ins>200円</ins></td><td><ins>300房</ins></td></tr>
 </tbody>
</table>
↓↓↓

ブラウザ上の表示

品名価格個数
りんご300円100袋
みかん400円50パック
バナナ200円300房

■関連項目

  • <ins> …… 追加された内容を表す
  • <del> …… 削除された内容を表す
  • <s> …… 正確でなくなったコンテンツを表す
  • <u> …… 暗黙的な注釈を含むテキストを表す
  • <mark> …… 参照目的で強調表示されたテキストを表す
広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ