<del>タグは、ドキュメントから削除された内容を表す際に使用します。
del要素のcite属性は、引用元へのリンク、または、編集に関する詳細情報へのリンクを指定する際に使用します。
del要素のdatetime属性は、変更した日付と時刻(オプション)を指定する際に使用します。
以下のサンプルは、いわゆる「To Do リスト」です。
完了項目をdel要素にして、完了日時をdatetime属性で示しています。
<h1>To Do リスト</h1>
<ul>
<li>食器洗い機を空にする</li>
<li><del datetime="2009-10-11T01:25-07:00">講義動画を視聴する</del></li>
<li><del datetime="2009-10-10T23:38-07:00">資料をダウンロードする</del></li>
<li>プリンターを購入する</li>
</ul>
del要素は、段落境界を越えてはなりません。
1つのdel要素が複数の段落にまたがってはいけないということです。
<p>タグを省略せずに記述することで、
del要素が段落の境界を越えているかどうかが明確になります。
そのため、常にすべての段落をp要素でマークアップすることが強く推奨されています。
del要素は、段落の境界を越えられません。
ある段落の終わりと次の段落の始まりが削除された場合には、1つのdel要素ではマークアップできないということです。
削除部分が2つの段落にまたがる場合には、以下のサンプルのように2つのdel要素を使用する必要があります。
<section>
<p>
これは最初の段落です。
<del>この文は削除されました。</del>
</p>
<p>
<del>この文も削除されました。</del>
段落が変わったため、別のdel要素を必要としました。
</p>
</section>
これは最初の段落です。
この文は削除されました。
この文も削除されました。
段落が変わったため、別のdel要素を必要としました。
以下のサンプルは、テーブルから列を削除する場合の使用例です。
テーブルから行や列を削除する際には、行全体や列全体ではなく“各セルの内容”をそれぞれdel要素で囲みます。
以下の使用例では、削除された時刻とその理由を説明するページへのリンクも示されています。
<table>
<thead>
<tr><th>品名</th><th>価格</th><th><del cite="/edits/r192" datetime="2011-05-02 14:23Z">個数</del></th></tr>
</thead>
<tbody>
<tr><td>りんご</td><td>300円</td><td><del cite="/edits/r192" datetime="2011-05-02 14:23Z">100袋</del></td></tr>
<tr><td>みかん</td><td>400円</td><td><del cite="/edits/r192" datetime="2011-05-02 14:23Z">50パック</del></td></tr>
<tr><td>バナナ</td><td>200円</td><td><del cite="/edits/r192" datetime="2011-05-02 14:23Z">300房</del></td></tr>
</tbody>
</table>
品名 | 価格 | |
---|---|---|
りんご | 300円 | |
みかん | 400円 | |
バナナ | 200円 |
尚、WHATWGの仕様解説によれば
例えば、セルが削除されて後続のすべてのセルが上または左に移動するなど、より複雑なテーブル編集を示す良い方法はありません
とのことです。