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> の定義
勧告  

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOS 版 SafariSamsung Internet
基本対応Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
citeChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
datetimeChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応

関連情報

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

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