HTML <del>用法及代码示例

HTML中的<del>标记代表删除，用于标记已从文档中删除的一部分文本。尽管可以使用CSS text-decoration属性更改此属性，但已删除的文本由Web浏览器呈现为删除线文本。 <del>标记需要一个开始和结束标记。

用法:

<del> Contents... </del>

属性：<del>标记包含以下列出的两个属性：

cite:它用于指定文档或消息的URL，该URL表示删除文本的原因。
datetime:用于指定删除文本的日期和时间。

以下示例程序旨在说明HTML中的<del>元素：

范例1：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>del Tag</title> 
        <style> 
            del{ 
                color:red; 
            } 
            ins{ 
                color:green; 
            } 
            h1 { 
                color:green; 
            } 
            body { 
                text-align:center; 
            } 
        </style>  
    </head> 
    <body> 
        <h1>GeeksforGeeks</h1> 
        <h2><del> Tag</h2> 
        <p>GeeksforGeeks is a <del>mathematical</del> 
        <ins>computer</ins> science portal</p>  
    </body> 
</html>

输出：

范例2：本示例将<del>标记与datetime属性一起使用。
输入：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>del Tag</title> 
        <style> 
            del{ 
                color:red; 
            } 
            ins{ 
                color:green; 
            } 
            h1 { 
                color:green; 
            } 
            body { 
                text-align:center; 
            } 
        </style>  
    </head> 
    <body> 
        <h1>GeeksforGeeks</h1> 
        <h2><del> Tag</h2> 
        <p>GeeksforGeeks is a  
         <del datetime="2018-11-21T15:55:03Z">mathematical</del>  
         <ins>computer</ins> 
         science portal</p> 
    </body> 
</html>

输出：

支持的浏览器：<del>标签支持的浏览器如下：

谷歌浏览器
IE浏览器
Firefox
Opera
Safari

相关用法

注：本文由纯净天空筛选整理自Shubrodeep Banerjee大神的英文原创作品 HTML | <del> Tag。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。