DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> WEB標准教程:功能相似的標簽的用法
WEB標准教程:功能相似的標簽的用法
編輯:CSS詳解     

在XHtml標簽中有一些標簽的作用是相似的,當然這裡的相似是指語義相似,以至於很多人都不清楚這些相似的標簽如何使用,那麼今天的主題就是分解相似的標簽,明確各個標簽的用途。在前面我們已經講過了strong與em的區別。除了strong與em之外還有一些相似的標簽比如q、cite、blockquote。這三個都屬於引用一類,但是這裡還是有一些區別的,首先來一一解釋。

<q></q>,q的作用是引用非塊元素,也就是引用不能形成段落的內容,可能是某人說的一句話,也可能是一句文檔摘錄等,特點很明顯這裡是“一句”。並且q本身並不會產生段落。q本身並沒有什麼樣式,一般浏覽器也不會給他設置一個默認樣式使起突出。但是我們可以通過CSS去使之與一般內容區分開。在q標簽中還有一個屬性是非常重要的,那就是cite。在這個cite屬性值中主要是注明引用內容的出自何處,或是給出在線的地址。

<q cite="http://www.webjx.com/CSS/20080330/CSS_5013.Html">這次的內容會讓你更進一步的了解到關於段落裡的細節</q>

要特別注意不要把q寫成p,這兩個標簽很容易弄錯。

在上一篇中其實已經談到了cite,在那篇文章中我寫到“這個標簽只表注出文獻的標題與名稱。這個標簽有點類似於我們書籍後面的參考文獻的目錄內容,也有點像是腳注。”那麼他與q之間的區別是什麼呢?其實很容易理解,q是顯示內容,而cite則是顯示說這段內容的人名或是書名。cite與q常常混合起來使用。比如:<cite>魯迅</cite>先生說:<q>地上本來沒有路,走得人多了,便有了路</q>。

 那麼blockquote與他們有什麼區別呢?blockquote是塊引用,XHtml允許其包含任何標簽。而上面的q與cite則沒有這麼大的包容度。blockquote的使用是當需要引用一段或是多段內容時所采用的,浏覽器一般默認處理會把引用內容縮進一些以與正常的段落文章區分開。當然我們可以通過CSS樣式來改變區分的形式。

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

在XHtml標簽中還有一個叫pre的標簽,這個標簽在Dreamweaver中被稱為“格式化”,在以前使用Dreamweaver 的時候我一直不清楚這個東西是作什麼用的。一直到現在才清楚pre通常用以顯示源代碼,並且不支持能使段落分開的標簽比如<p>,顯示內容如需換行只要在源文件中換行即可無需要代碼實現。同時pre會保留注其中的所有空格並顯示出來。

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved