<del>
<del> は HTML の要素で、文書から削除された文字列の範囲を表します。これは例えば、「変更の追跡」や、ソースコードの差分情報を描画するときに使用することができます。<ins> 要素は逆の目的に、文書に追加された文字列を示すために用いることができます。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | ≤4 | 18 | ≤3.2 | |
| HTML 属性 | ||||||
cite | 1 | 12 | 1 | 3 | 18 | 2 |
datetime | 1 | 12 | 1 | 3 | 18 | 2 |
| DOM API | ||||||
| HTMLModElement インターフェイスは、（継承によって HTMLElement を通じて利用できる通常のメソッドやプロパティに加えて）改変 (modification) 要素、すなわち del と ins を操作するための特有のプロパティを提供します。 | 1 | 12 | 1 | 3 | 18 | 1 |
| HTMLModElement インターフェースの cite プロパティは、変更を説明するリソースの URL を示します。del要素やins要素のcite属性を反映します。 | 1 | 12 | 1 | 3 | 18 | 1 |
| HTMLModElement インターフェースの dateTime プロパティは、機械可読の日付とオプションの時間値を含む文字列です。これは del や ins 要素の datetime HTML 属性を反映しています。 | 1 | 12 | 1 | 3 | 18 | 1 |
基本構文
HTML
<p>Price:<del>¥5,000</del> <ins>¥3,980</ins></p>
<p><del datetime="2024-01-15">Textbook (Old Edition)</del></p>ライブデモ
pricechange. Display
price. change representationation.se-ldisplay to usage. with Del and ins.
プレビュー全画面表示
実務での使いどころ
-
<del> の活用
<del> は HTML の要素で、文書から削除された文字列の範囲を表します。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。