Skip to content

Latest commit

 

History

History
132 lines (107 loc) · 4.86 KB

index.md

File metadata and controls

132 lines (107 loc) · 4.86 KB
Raw
title slug l10n
<del>: 削除済みテキスト要素
Web/HTML/Element/del
sourceCommit
942a529383ee7ee3996fb234187641c08935f3ff

{{HTMLSidebar}}

<del> は HTML の要素で、文書から削除された文字列の範囲を表します。これは例えば、「変更の追跡」や、ソースコードの差分情報を描画するときに使用することができます。{{HTMLElement("ins")}} 要素は逆の目的に、文書に追加された文字列を示すために用いることができます。

{{EmbedInteractiveExample("pages/tabbed/del.html", "tabbed-standard")}}

一般的にこの要素は（必ずではありませんが）打ち消し線のスタイルを伴って描画されます。

コンテンツカテゴリー 記述コンテンツ、フローコンテンツ
許可されている内容 透過的コンテンツ
タグの省略 なし。開始タグと終了タグの両方が必須です。
許可されている親要素 記述コンテンツを受け入れるすべての要素
暗黙の ARIA ロール 対応するロールなし
許可されている ARIA ロール すべて
DOM インターフェイス {{domxref("HTMLModElement")}}

属性

この要素はグローバル属性を持ちます。

  • cite
    • : 変更についての説明を記したリソース（例えば、議事録など）への URI を示す。
  • datetime
    • : この属性は変更日時を示し、有効な日付文字列と任意の時刻文字列でなくてはなりません。値を時刻および日付の文字列として解釈できない場合は、要素に関連付けられたタイムスタンプはないものと解釈されます。日付のない文字列の書式については、日付の文字列を参照してください。日付と時刻の両方を含んだ文字列の書式は、地方時の日付と時刻の文字列にあります。

例

<p><del>This text has been deleted</del>, here is the rest of the paragraph.</p>
<del><p>This paragraph has been deleted.</p></del>

結果

{{EmbedLiveSample("Examples")}}

アクセシビリティの考慮

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

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

del::before {
  content: " [削除開始] ";
}

del::after {
  content: " [削除終了] ";
}

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

仕様書

{{Specifications}}

ブラウザーの互換性

{{Compat}}

関連情報

  • テキストへの挿入を示す {{HTMLElement("ins")}} 要素
  • テキストの削除とは異なる抹消を表すための {{HTMLElement("s")}} 要素