HTML の <ins> 要素は、文書に追加されたテキストの範囲を表します。

コンテンツカテゴリ 記述コンテンツ または フローコンテンツ
許可されている内容 透過的コンテンツ
タグの省略 不可。開始と終了タグの両方が必要。
許可されている親要素 記述コンテンツを受け入れるすべての要素
許可されている ARIA ロール すべて
DOM インターフェイス HTMLModElement

属性

他のすべての HTML 要素と同様に、この要素はグローバル属性を持ちます。

cite
会議の議事録やトラブルシューティングシステムのチケットといった、追加についての説明を記したリソースへの URI を示す。
datetime
追加日時を示す。値は、正確な指定(※原題 : valid date with an optional time string) でなくてはなりません。記述ミスあるいは未記入によって属性値が解析できない場合には、要素に関連付けられたタイムスタンプはないものと解釈されます。

<ins>This text has been inserted</ins>

結果

This text has been inserted

アクセシビリティの考慮事項

ins 要素が存在することは、多くの読み上げ技術の既定の設定ではアナウンスされません。 CSS の ::before 及び ::after 疑似要素と共に content プロパティを使うことでアナウンスさせることができます。

ins::before, 
ins::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

ins::before {
  content: " [挿入開始] ";
}

ins::after {
  content: " [挿入終了] ";
}

読み上げソフトを使用する人によっては、特に冗長になるコンテンツのアナウンスを意図的に無効にしていることがあります。このため、この手法を悪用しないようにすることは重要であり、コンテンツが挿入されていることを知らないと理解に影響するような場面でのみ使用するようにしてください。

仕様書

仕様書 状態 備考
HTML Living Standard
<ins> の定義
現行の標準  
HTML5
<ins> の定義
勧告  
HTML 4.01 Specification
<ins> の定義
勧告  

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応 あり あり1 あり あり あり
cite あり あり1 あり あり あり
datetime あり あり1 あり あり あり
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 あり あり あり4 あり あり あり
cite あり あり あり4 あり あり あり
datetime あり あり あり4 あり あり あり

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, yyss, ethertank
最終更新者: mfuji09,