★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> …… 参照目的で強調表示されたテキストを表す
広告



山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
56 users signed up
もっと表示する