<del>

HTML <del> Tag

The <del> tag specifies a part of the text that was deleted from the document. Browsers display this text as a strikethrough. To indicate a new version of the text, we use the <ins> tag, the content of which is displayed in the browser as underlined.

For displaying the text as underlined, you can use the CSS text-decoration property with the “line-through” value. (>要将文本显示为带下划线,可以将CSS文本装饰属性与"line-through"值一起使用。)

Most screen reading technology doesn’t announce the existence of the <del> tag in the default configuration. If you want to announce it, use the CSS content property with the ::after and ::before pseudo-elements.

Syntax

Syntax (语法)

The <del> tag comes in pairs. The content is written between the opening (<del>) and closing (</del>) tags.

Example of the HTML <del> tag:

<!DOCTYPE html>
<html>
 <head>
   <title>Title of the document</title>
 </head>
 <body>
   <p>My favorite color is <del style="color:#8ebf42;">green</del> <ins style="color:#1c87c9;"> blue</ins>!</p>
 </body>
</html>

Result

Example of the HTML <del> tag with the cite attribute:

<!DOCTYPE html>
<html>
 <head>
   <title>Title of the document</title>
 </head>
 <body>
   <p>The <del cite="https://www.w3cdoc.com/learn-html/html-b-tag.html" style="color:#ff0000">b</del> <ins cite="https://www.w3cdoc.com/learn-html/html-strong-tag.html" style="color:#c10ccc;">strong</ins> tag being a logical tag is used to emphasize the importance of the text.</p>
 </body>
</html>

Attributes

Attributes (属性)

AttributeValueDescription
citeURLSpecifies the URL of the document, which explains why the text was edited or deleted.
datetimeYYYY-MM-DDThh:mm:ssTZDDefines date and time of the deleted text.

The <del> tag also uses the Global Attributes and the Event Attributes.



请遵守《互联网环境法规》文明发言,欢迎讨论问题
扫码反馈

扫一扫,反馈当前页面

咨询反馈
扫码关注
返回顶部