作用相似html標記:strong與em、q、cite、blockquote

2019-10-26 17:24:20

字體：大中小

來源：轉載

供稿：網友

在XHTML標簽中有一些標簽的作用是相似的，當然這里的相似是指語義相似，以至于很多人都不清楚這些相似的標簽如何使用，那么今天的主題就是分解相似的標簽，明確各個標簽的用途。在前面我們已經講過了strong與em的區別。除了strong與em之外還有一些相似的標簽比如q、cite
在XHTML標簽中有一些標簽的作用是相似的，當然這里的相似是指語義相似，以至于很多人都不清楚這些相似的標簽如何使用，那么今天的主題就是分解相似的標簽，明確各個標簽的用途。在前面我們已經講過了strong與em的區別。除了strong與em之外還有一些相似的標簽比如q、cite、blockquote。這三個都屬于引用一類，但是這里還是有一些區別的，首先來一一解釋。
<q></q>，q的作用是引用非塊元素，也就是引用不能形成段落的內容，可能是某人說的一句話，也可能是一句文檔摘錄等，特點很明顯這里是“一句”。并且q本身并不會產生段落。q本身并沒有什么樣式，一般瀏覽器也不會給他設置一個默認樣式使起突出。但是我們可以通過CSS去使之與一般內容區分開。在q標簽中還有一個屬性是非常重要的，那就是cite。在這個cite屬性值中主要是注明引用內容的出自何處，或是給出在線的地址。
<q cite="http://andymao.com/andy/post/92.html">這次的內容會讓你更進一步的了解到關于段落里的細節</q>
要特別注意不要把q寫成p，這兩個標簽很容易弄錯。
在上一篇中其實已經談到了cite，在那篇文章中我寫到“這個標簽只表注出文獻的標題與名稱。這個標簽有點類似于我們書籍后面的參考文獻的目錄內容，也有點像是腳注。”那么他與q之間的區別是什么呢？其實很容易理解，q是顯示內容，而cite則是顯示說這段內容的人名或是書名。cite與q常常混合起來使用。比如：
<cite>魯迅</cite>先生說：<q>地上本來沒有路，走得人多了，便有了路</q>。觀看本站更多的html標記內容。
那么blockquote與他們有什么區別呢？blockquote是塊引用，XHTML允許其包含任何標簽。而上面的q與cite則沒有這么大的包容度。blockquote的使用是當需要引用一段或是多段內容時所采用的，瀏覽器一般默認處理會把引用內容縮進一些以與正常的段落文章區分開。當然我們可以通過CSS樣式來改變區分的形式。
在blockquote中有一個cite屬性，與q一樣是用來注明引用來源的。可以把聯機文檔的URL注明在其中。
在XHTML標簽中還有一個叫pre的標簽，這個標簽在Dreamweaver中被稱為“格式化”，在以前使用Dreamweaver 的時候我一直不清楚這個東西是作什么用的。一直到現在才清楚pre通常用以顯示源代碼，并且不支持能使段落分開的標簽比如<p>，顯示內容如需換行只要在源文件中換行即可無需要代碼實現。同時pre會保留注其中的所有空格并顯示出來。

上一篇：HTML iframe 用法總結收藏

下一篇：ie6 失真問題