這篇文章主要的為大家講述了關於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中文網其他相關文章!

theroottaginanhtmldocumentis.servesasthetop-levellementThateNcapsulatesAllotherContent,確保properdocumentstrumentstrumentsureandbrowserparserparsing。

文章解釋說,HTML標籤是用於定義元素的語法標記,而元素是完整的單位,包括標籤和內容。他們一起工作以構建網頁。查拉克計數:159

本文討論了Lt; Head&gt; &&lt;身體&gt; HTML中的標籤,它們對用戶體驗的影響以及SEO的影響。正確的結構增強了網站功能和搜索引擎優化。

本文討論了HTML標籤,和和關注其語義與表現用途及其對SEO和可訪問性的影響之間的差異。

文章討論了在HTML中指定字符,重點介紹了UTF-8。主要問題:確保正確顯示文本,防止亂七八糟的字符,並增強SEO和可訪問性。

本文討論了用於構建和造型Web內容的各種HTML格式標籤,強調了它們對文本外觀的影響以及語義標籤對可訪問性和SEO的重要性。

本文討論了HTML的“ ID”和“類”屬性之間的差異,重點是它們的獨特性,目的,CSS語法和特異性。它解釋了它們的使用如何影響網頁樣式和功能,並為


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

Atom編輯器mac版下載
最受歡迎的的開源編輯器

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

SublimeText3 Linux新版
SublimeText3 Linux最新版