首頁 >web前端 >html教學 >html中標籤與

標籤的區別

html中標籤與
標籤的區別

黄舟
黄舟原創
2017-07-17 13:16:163322瀏覽

b8a712a75cab9a5aded02f74998372b4標籤和1244aa79a84dea840d8e55c52dc97869標籤都表示「引用

差別:
   一、格式不同
       1、1244aa79a84dea840d8e55c52dc97869: q標籤是行內元素,在內容的開始和結尾處會包有【“”】;
       2、b8a712a75cab9a5aded02f74998372b4:blockquote是區塊級元素,預設有左右40px的外間距,不含【「 」】。

二、語義不同
       1、1244aa79a84dea840d8e55c52dc97869:引用的是小段文字;
       2、b8a712a75cab9a5aded02f74998372b4:引用的是大段的內容塊

兩個標籤都表示「引用」。

不同的是,q標籤是行內元素,在內容的開始和結尾處會包有“”,而 blockquote是區塊級元素,預設帶有左右40px的外間距,不含“”。

從語意上講,前者引用的是小段文字,後者引用的是大段的內容區塊。

從相容性上講,在IE67下q標籤不會帶有「」。 FF下的引號是漂亮的全角字元:「」。而chrome下則為半角字元:""。至於IE89,應該也是全角字符,但在不指定字體的情況下真的醜爆了,在為其指定宋體或者微軟雅黑後呈現與FF一致。

從相容性來看,這兩個頁面在不同的瀏覽器下都表現一致。但從語意上講,顯然是前者勝出。

先將q標籤內的引號清空,然後將前引號背景樣式寫在q標籤的外容器上,將後引號背景樣式寫在q標籤裡,這樣可以達到"無懈可擊"的效果。那麼被引用內容的行數就受到了限制。同時,如果給予qblock屬性,將會使背景呈現不同的效果,兩者都很棒。

相關擴充:

cite 屬性規定引用的來源。

該屬性的值是一個包含在引號中並指向線上文件的 URL,以及(如果有可能的話)引用在該文件中的確切位置。比方說:

WWF's goal is to: cite="http://www.wwf.org"> build a future where people live in harmony with nature  we hope they succeed.

主流瀏覽器皆不支援 cite 屬性。不過,搜尋引擎可能會使用該屬性來獲得更多有關引用的資訊。

以上是html中標籤與

標籤的區別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn