首頁 > web前端 > css教學 > web標準知識-用途相似的標籤_經驗交流

web標準知識-用途相似的標籤_經驗交流

WBOY
發布: 2016-05-16 12:05:40
原創
1658 人瀏覽過

在前面我們已經講過了strong與em的差別。除了strong與em之外還有一些相似的標籤例如q、cite、blockquote。這三個都屬於引用一類,但是這裡還是有一些區別的,首先來一一解釋。

,q的作用是引用非塊元素,也就是引用不能形成段落的內容,可能是某人說的一句話,也可能是一句文檔摘錄等,特點很明顯這裡是「一句」。而q本身並不會產生段落。 q本身並沒有任何樣式,一般瀏覽器也不會給他設定一個預設樣式使起突出。但是我們可以透過CSS去使之與一般內容區分開。在q標籤中還有一個屬性是非常重要的,那就是cite。在這個cite屬性值中主要是註明引用內容的出自何處,或是給出在線的地址。

這次的內容會讓你更進一步的了解到關於段落裡的細節 要特別注意不要把q寫成p,這兩個標籤很容易弄錯。

在上一篇其實已經談到了cite,在那篇文章中我寫到「這個標籤只表註出文獻的標題與名稱。這個標籤有點類似於我們書籍後面的參考文獻的目錄內容,也有點像是註腳。」那麼他與q之間的差別是什麼呢?其實很容易理解,q是顯示內容,而cite則是顯示說這段內容的人名或是書名。 cite與q常常混合起來使用。例如:

魯迅先生說:地上本來沒有路,走得人多了,便有了路
那麼blockquote與他們有什麼差別呢? blockquote是區塊引用,XHTML允許其包含任何標籤。而上面的q與cite則沒有這麼大的包容度。 blockquote的使用是當需要引用一段或是多段內容時所採用的,瀏覽器一般預設處理會把引用內容縮排一些以與正常的段落文章區分開。當然我們可以透過CSS樣式來改變區分的形式。

在blockquote中有一個cite屬性,與q一樣是用來註明引用來源的。可以把聯機文件的URL註明在其中。

在XHTML標籤中還有一個叫pre的標籤,這個標籤在Dreamweaver中被稱為“格式化”,在以前使用Dreamweaver 的時候我一直不清楚這個東西是作什麼用的。一直到現在才清楚pre通常用以顯示原始碼,也不支援能讓段落分開的標籤例如

,顯示內容如需換行只要在原始檔中換行即可無需要程式碼實作。同時pre會保留注其中的所有空格並顯示出來。

一般來講pre目前是多用於顯示原始碼,這與code的用途是相似的,所不同的是pre是區塊級的,而code是內聯的。簡單說,pre可以包括多行內容,而code只包含短小的一句或幾個字元。

這裡講述的並不能完全說清楚,這就需要在看完文件後動手操作嘗試一下,自行去發現其中的特別之處。有朋友說希望看到有CSS的知識。這裡我想傳達我的寫作意圖。我希望一步一步來,讓一些還沒從表格佈局脫離出來的朋友可以先行使用一些並不會影響整體的形式切入進去。因為一涉及CSS就可能會有相容性問題,所以這裡先說文檔,然後再加入一些不影響整體佈局的CSS知識。一步步的深入,最終能讓閱讀者從表格佈局自然過渡到標準勢力中來。當然有朋友已經透過自學的方式完成了這一步,那麼可以到我的「雜談標準」一欄中與我交流。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板