<del> 文章の中で削除された部分として扱う
取り扱い | 現行の標準 |
カテゴリ |
フロー・コンテンツ フレージング・コンテンツ |
親にできる要素 | フレージング・コンテンツを受け入れる要素 |
子にできる要素 | トランスパレント・コンテンツ |
対応ブラウザ | caniuseで確認 |
<del>タグの説明
<del>
は、文章の中で特定の範囲の文字列を削除された部分として扱います。後から訂正した内容や、終了した予定などに使用します。その際、指定された範囲には打ち消し線が引かれます。
逆に、新たに追加された内容は<ins>
で示すことができます。
<del>タグの特徴
- レイアウトの初期値はインラインです。文章の改行には影響を与えません。
- 視覚的な効果として打ち消し線が引かれます。これはユーザーエージェントの既定スタイルによるものです。
- 同一のページ内に複数使うことができます。ただし、この要素自体を入れ子にすることはできません。
<del>に指定できる主な属性
- cite="リソースの参照"
- 変更に関する記録や補足情報を与えるURLを指定できます。
- datetime="日時"
- 変更した日時をタイムスタンプ形式で表します。
- グローバル属性
- 全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。
- イベントハンドラ
- 全てのHTML要素に指定できるコンテンツ属性です。
<del>の使い方とサンプル
このタグを使ったマークアップのサンプルです。
HTML
<p>
明日は<del>午前2時から午前5時まで</del>サーバーメンテナンスを行います。<br>
延期になりました。正しい時間は追ってお知らせします。
</p>
表示確認
明日は午前2時から午前5時までサーバーメンテナンスを行います。
延期になりました。正しい時間は追ってお知らせします。