HTML中插入文本ins標簽與刪除文本del標簽如何一起使用?(附案例)
發表時間:2023-09-03 來源:明輝站整理相關軟件相關文章人氣:
[摘要]本篇文章主要的為大家講述了關于HTML del標簽和ins標簽一起使用的用法和案例,文章內容緊湊,知識比較多,希望大家看完之后會認真的實踐,現在讓我們一起來看這篇關于HTML del標簽和ins標簽使用方法的文章吧首先我們要先了解del標簽和ins標簽:ins和del是在HTML4.0時引入的,可...
本篇文章主要的為大家講述了關于HTML del標簽和ins標簽一起使用的用法和案例,文章內容緊湊,知識比較多,希望大家看完之后會認真的實踐,現在讓我們一起來看這篇關于HTML del標簽和ins標簽使用方法的文章吧
首先我們要先了解del標簽和ins標簽:
ins和del是在HTML4.0時引入的,可以幫助創作者開發文檔時相互合作,并且也保持了一些編輯(比如可以反應創作者是一段時間內是修改文檔的、如何思考的)和版本控制的成分(在軟件的幫助下,可以讓文檔恢復到某一特定時間下的狀態)。
html del標簽和ins標簽是可以一起使用的,它們一個定義了刪除文本,一個定義了插入文本。我們先來看個實例介紹:
帶有已刪除部分和新插入部分的文本:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>PHP中文網實例</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來控制
好了,以上就是本篇文章的全部內容,有什么問題可以在下方留言區留言
【小編推薦】
HTML中的form標簽的method屬性怎么用?這里有method屬性的用法介紹
HTML h1標簽是雙標簽嗎?如何設置html h1標簽的位置?
以上就是HTML中插入文本ins標簽和刪除文本del標簽如何一起使用?(附實例)的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。