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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。