<ins> 文章の中で新たに追加された部分を表す
取り扱い | 現行の標準 |
カテゴリ |
フロー・コンテンツ フレージング・コンテンツ |
親にできる要素 | フレージング・コンテンツを受け入れる要素 |
子にできる要素 | トランスパレント・コンテンツ |
対応ブラウザ | caniuseで確認 |
<ins>タグの説明
<ins>
は、文章の中で新たに追加された範囲を示す場合に使用します。この要素に追加された日時や参照先のURLを付与することも可能です。
文章から訂正あるいは削除された範囲を表す<del>
とは対照的な関係です。
<ins>タグの特徴
- レイアウトの初期値はインラインです。文章の改行には影響を与えません。
- 視覚的な効果としてアンダーラインが引かれます。これはユーザーエージェントの既定スタイルによるものです。
- 同一のページ内に複数使うことができます。ただし、この要素自体を入れ子にすることはできません。
<ins>に指定できる主な属性
- cite="リソースの参照"
- 変更に関する記録や補足情報を与えるURLを指定できます。
- datetime="日時"
- 変更した日時をタイムスタンプ形式で表します。例:YYYY-MM-DDThh:mm:ssTZD
- グローバル属性
- 全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。
- イベントハンドラ
- 全てのHTML要素に指定できるコンテンツ属性です。
<ins>の使い方とサンプル
このタグを使ったマークアップのサンプルです。
HTML
<p>
本日アップデートを行いました。再起動する祭にデータの更新が行われます。<br>
<ins cite="#updateinfo.html" datetime="2045-10-10T13:00">不具合が発覚したため、パッチファイルを追加しました。</ins>
</p>
表示確認
本日アップデートを行いました。再起動する祭にデータの更新が行われます。
不具合が発覚したため、パッチファイルを追加しました。