HTML中插入文本ins標籤和刪除文本del標籤如何一起使用?(附執行個體)

來源:互聯網
上載者:User
本篇文章主要的為大家講述了關於HTML del標籤和ins標籤一起使用的用法和案例,文章內容緊湊,知識比較多,希望大家看完之後會認真的實踐,現在讓我們一起來看這篇關於HTML del標籤和ins標籤使用方法的文章吧

首先我們要先瞭解del標籤和ins標籤:

ins和del是在HTML4.0時引入的,可以協助創作者開發文檔時相互合作,並且也保持了一些編輯(比如可以反應創作者是一段時間內是修改文檔的、如何思考的)和版本控制的成分(在軟體的協助下,可以讓文檔恢複到某一特定時間下的狀態)。

html del標籤和ins標籤是可以一起使用的,它們一個定義了刪除文本,一個定義了插入文本。我們先來看個執行個體介紹:

帶有已刪除部分和新插入部分的文本:

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>topic.alibabacloud.com執行個體</title></head><body><p>(這個是和刪除和插入標籤一起使用的執行個體)</br>原價<del>180</del>現在只要<ins>80</ins></p></body></html>

效果

w3c關於del標籤和ins標籤的解釋:

del定義文檔中被刪除的常值內容,ins用來描述文檔中的更新和修正,del的瀏覽器預設樣式是帶刪除線,ins預設是帶底線的,這點也可以很好的說明兩者的用法,通常情況下兩個元素配合起來意思使用。

html中的ins和del用法:

ins和del兩個元素在HTML中,既可以作為塊級(block-level)元素,也可作為內聯(inline)元素,但是不可以同時作為 這個兩個元素。所以它們可以包含段落中的一個或幾個文字,也可以包含幾個區塊層級元素像段落(p)、列表(ul、ol、dl)、表格(table)等。

<p>我有<del cite="http://www.php.cn/" datetime="20180101T192525+09:00">9</del><ins cite="http://www.php.cn/" datetime="20180101T192525+09:00">8</ins>元錢</p>
<del title="剛剛丟了" datetime="20180101T192525+09:00"><p>9塊錢</p></del>

創作者可以通過title屬性對插入或者刪除的元素進行評論,使用者代理程式(比如瀏覽器)可能顯示這些資訊給使用者

<p><del title="剛剛丟了"datetime="20180101T192525+09:00"><div><p>我有3分錢</p></div></del></p>

這是一個錯誤的寫法,即ins和del不能同時既是區塊層級元素又是內嵌元素

對於ins和del在頁面的顯示效果可以通過CSS來控制

好了,以上就是本篇文章的全部內容,有什麼問題可以在下方留言區留言

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.