HTML中插入文本ins標(biāo)簽和刪除文本del標(biāo)簽的方法

發(fā)布時(shí)間：2020-09-22 11:40:08 來(lái)源：億速云閱讀：234 作者：小新欄目：web開發(fā)

這篇文章主要介紹HTML中插入文本ins標(biāo)簽和刪除文本del標(biāo)簽的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

首先我們要先了解del標(biāo)簽和ins標(biāo)簽：

ins和del是在HTML4.0時(shí)引入的,可以幫助創(chuàng)作者開發(fā)文檔時(shí)相互合作,并且也保持了一些編輯(比如可以反應(yīng)創(chuàng)作者是一段時(shí)間內(nèi)是修改文檔的、如何思考的)和版本控制的成分(在軟件的幫助下,可以讓文檔恢復(fù)到某一特定時(shí)間下的狀態(tài))。

html del標(biāo)簽和ins標(biāo)簽是可以一起使用的，它們一個(gè)定義了刪除文本，一個(gè)定義了插入文本。我們先來(lái)看個(gè)實(shí)例介紹：

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>億速云實(shí)例</title>
</head>
<body>
<p>（這個(gè)是和刪除和插入標(biāo)簽一起使用的實(shí)例）</br>原價(jià)<del>180</del>現(xiàn)在只要<ins>80</ins></p>
</body>
</html>

w3c關(guān)于del標(biāo)簽和ins標(biāo)簽的解釋：

del定義文檔中被刪除的文本內(nèi)容,ins用來(lái)描述文檔中的更新和修正,del的瀏覽器默認(rèn)樣式是帶刪除線,ins默認(rèn)是帶下劃線的,這點(diǎn)也可以很好的說明兩者的用法,通常情況下兩個(gè)元素配合起來(lái)意思使用。

html中的ins和del用法：

ins和del兩個(gè)元素在HTML中，既可以作為塊級(jí)(block-level)元素，也可作為內(nèi)聯(lián)(inline)元素，但是不可以同時(shí)作為這個(gè)兩個(gè)元素。所以它們可以包含段落中的一個(gè)或幾個(gè)文字，也可以包含幾個(gè)塊級(jí)元素像段落(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>

創(chuàng)作者可以通過title屬性對(duì)插入或者刪除的元素進(jìn)行評(píng)論，用戶代理(比如瀏覽器)可能顯示這些信息給用戶

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

這是一個(gè)錯(cuò)誤的寫法，即ins和del不能同時(shí)既是塊級(jí)元素又是內(nèi)聯(lián)元素

對(duì)于ins和del在頁(yè)面的顯示效果可以通過CSS來(lái)控制

以上是HTML中插入文本ins標(biāo)簽和刪除文本del標(biāo)簽的方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

HTML中插入文本ins標(biāo)簽和刪除文本del標(biāo)簽的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽