明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

HTML中插入文本ins標(biāo)簽與刪除文本del標(biāo)簽如何一起使用？（附案例）

發(fā)表時間：2023-09-03 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]本篇文章主要的為大家講述了關(guān)于HTML del標(biāo)簽和ins標(biāo)簽一起使用的用法和案例，文章內(nèi)容緊湊，知識比較多，希望大家看完之后會認(rèn)真的實踐，現(xiàn)在讓我們一起來看這篇關(guān)于HTML del標(biāo)簽和ins標(biāo)簽使用方法的文章吧首先我們要先了解del標(biāo)簽和ins標(biāo)簽：ins和del是在HTML4.0時引入的,可...
本篇文章主要的為大家講述了關(guān)于HTML del標(biāo)簽和ins標(biāo)簽一起使用的用法和案例，文章內(nèi)容緊湊，知識比較多，希望大家看完之后會認(rèn)真的實踐，現(xiàn)在讓我們一起來看這篇關(guān)于HTML del標(biāo)簽和ins標(biāo)簽使用方法的文章吧

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

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

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

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>PHP中文網(wǎng)實例</title>
</head>
<body>
<p>（這個是和刪除和插入標(biāo)簽一起使用的實例）</br>原價<del>180</del>現(xiàn)在只要<ins>80</ins></p>
</body>
</html>

效果如圖

tuyi.png

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

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

html中的ins和del用法：

ins和del兩個元素在HTML中，既可以作為塊級(block-level)元素，也可作為內(nèi)聯(lián)(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>

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

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

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

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

好了，以上就是本篇文章的全部內(nèi)容，有什么問題可以在下方留言區(qū)留言

【小編推薦】

HTML中的form標(biāo)簽的method屬性怎么用？這里有method屬性的用法介紹

HTML h1標(biāo)簽是雙標(biāo)簽嗎？如何設(shè)置html h1標(biāo)簽的位置？

以上就是HTML中插入文本ins標(biāo)簽和刪除文本del標(biāo)簽如何一起使用？（附實例）的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。