HTML5＜q＞ 與 ＜blockquote＞ 的區別
HTML5＜q＞ 與 ＜blockquote＞ 的區別
HTML5＜q＞ 與 ＜blockquote＞ 的區別一、<q> 標簽
1、定義和用法
<q> 標簽定義短的引用。
瀏覽器經常在引用的內容周圍添加引號。
2、瀏覽器支持
所有瀏覽器都支持 <q> 標簽。
3、提示
根據 HTML 4.01 規范，q 元素應當使用分界引號來呈現，就是說，q 元素包含的文本必須以引號來開始和結束。Mozilla 瀏覽器 (Firefox) 以及 Opera 符合這個規定，但是 Internet Explorer 卻不支持此規定。結果，如果要使用 <q> 標簽，而且用自己的引號來滿足 Internet Explorer，那么就要在符合標準的瀏覽器使用兩組引號。盡管如此，我們還是推薦使用 <q> 標簽，這不僅僅因為我們喜歡標準，還因為我們預見到了將其應用于文檔處理、信息提取等方面的顯示效果。
4、實例
<html>
<body>
<p>Here comes a short quotation: <q>This is a short quotation</q></p>
<p>請注意，瀏覽器在引用的周圍插入了引號。</p>
</body>
</html>
二、<blockquote> 標簽
1、定義和用法
<blockquote> 標簽定義塊引用。
<blockquote> 與 </blockquote> 之間的所有文本都會從常規文本中分離出來，經常會在左、右兩邊進行縮進（增加外邊距），而且有時會使用斜體。也就是說，塊引用擁有它們自己的空間。
2、瀏覽器支持
所有主流的瀏覽器均支持 <blockquote> 標簽。
注釋：沒有瀏覽器能夠正確地顯示 cite 屬性。
3、提示
請使用 q 元素來標記短的引用。
注釋：如需把頁面作為 strict XHTML 進行驗證，那么 <blockquote> 元素必須包含塊級元素，比如這樣：
<blockquote> <p>here is a long quotation here is a long quotation</p></blockquote>
4、實例
<html>
<body>
Here comes a long quotation:
<blockquote>
This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.
</blockquote>
請注意，瀏覽器在 blockquote 元素前后添加了換行，并增加了外邊距。
</body>
</html>
三、<q> 與 <blockquote> 的區別
1、<q> 標簽在本質上與 <blockquote> 是一樣的。不同之處在于它們的顯示和應用。<q> 標簽用于簡短的行內引用。如果需要從周圍內容分離出來比較長的部分（通常顯示為縮進的塊），請使用 <blockquote> 標簽。
2、使用 blockquote 元素的話，瀏覽器會插入換行和外邊距，而 q 元素不會有任何特殊的呈現。
3、lockquote是內容的引用。內容必須包括塊級元素，如標題，列表，段落或li標簽,一般用于長的段落引用。這個元素也可以有一個可選屬性cite指定的位置（以URI的形式出現）
4、<q> 標簽可定義一個短的引用。<q> 標簽在本質上與 <blockquote> 是一樣的。不同之處在于它們的顯示和應用。<q> 標簽用于簡短的行內引用。
熱門推薦
- dedecms簡介（Linux操作系統下DedeCMS詳細安全設置教程）
- mysql日志使用（MySQL 日志相關知識總結）
- pythonzipfile的用法（對Python之gzip文件讀寫的方法詳解）
- iis虛擬目錄訪問權限（win2008 iis7如何取消目錄的可執行權限）
- linux模糊刪除多個文件（Linux刪除文件不同方法效率對比）
- php 抽象類和接口（php抽象類和接口知識點整理總結）
- dedecms調用內容（DEDECMS文章列表頁調用tag的修改方法）
- table rowspan和colspan
- mysql的日志怎么清除（MySQL刪除了記錄不生效的原因排查）
- pythonpick教程（Python使用Pickle模塊進行數據保存和讀取的講解）