web標(biāo)準(zhǔn)知識(shí)——用途相似的標(biāo)簽
更新時(shí)間:2008年06月02日 19:46:51 作者:
在XHTML標(biāo)簽中有一些標(biāo)簽的作用是相似的,當(dāng)然這里的相似是指語義相似,以至于很多人都不清楚這些相似的標(biāo)簽如何使用,那么今天的主題就是分解相似的標(biāo)簽,明確各個(gè)標(biāo)簽的用途。
在前面我們已經(jīng)講過了strong與em的區(qū)別。除了strong與em之外還有一些相似的標(biāo)簽比如q、cite、blockquote。這三個(gè)都屬于引用一類,但是這里還是有一些區(qū)別的,首先來一一解釋。
<q></q>,q的作用是引用非塊元素,也就是引用不能形成段落的內(nèi)容,可能是某人說的一句話,也可能是一句文檔摘錄等,特點(diǎn)很明顯這里是“一句”。并且q本身并不會(huì)產(chǎn)生段落。q本身并沒有什么樣式,一般瀏覽器也不會(huì)給他設(shè)置一個(gè)默認(rèn)樣式使起突出。但是我們可以通過CSS去使之與一般內(nèi)容區(qū)分開。在q標(biāo)簽中還有一個(gè)屬性是非常重要的,那就是cite。在這個(gè)cite屬性值中主要是注明引用內(nèi)容的出自何處,或是給出在線的地址。
<q cite="http://andymao.com/andy/post/92.html">這次的內(nèi)容會(huì)讓你更進(jìn)一步的了解到關(guān)于段落里的細(xì)節(jié)</q>
要特別注意不要把q寫成p,這兩個(gè)標(biāo)簽很容易弄錯(cuò)。
在上一篇中其實(shí)已經(jīng)談到了cite,在那篇文章中我寫到“這個(gè)標(biāo)簽只表注出文獻(xiàn)的標(biāo)題與名稱。這個(gè)標(biāo)簽有點(diǎn)類似于我們書籍后面的參考文獻(xiàn)的目錄內(nèi)容,也有點(diǎn)像是腳注?!蹦敲此cq之間的區(qū)別是什么呢?其實(shí)很容易理解,q是顯示內(nèi)容,而cite則是顯示說這段內(nèi)容的人名或是書名。cite與q常?;旌掀饋硎褂?。比如:
<cite>魯迅</cite>先生說:<q>地上本來沒有路,走得人多了,便有了路</q>。
那么blockquote與他們有什么區(qū)別呢?blockquote是塊引用,XHTML允許其包含任何標(biāo)簽。而上面的q與cite則沒有這么大的包容度。blockquote的使用是當(dāng)需要引用一段或是多段內(nèi)容時(shí)所采用的,瀏覽器一般默認(rèn)處理會(huì)把引用內(nèi)容縮進(jìn)一些以與正常的段落文章區(qū)分開。當(dāng)然我們可以通過CSS樣式來改變區(qū)分的形式。
在blockquote中有一個(gè)cite屬性,與q一樣是用來注明引用來源的。可以把聯(lián)機(jī)文檔的URL注明在其中。
在XHTML標(biāo)簽中還有一個(gè)叫pre的標(biāo)簽,這個(gè)標(biāo)簽在Dreamweaver中被稱為“格式化”,在以前使用Dreamweaver 的時(shí)候我一直不清楚這個(gè)東西是作什么用的。一直到現(xiàn)在才清楚pre通常用以顯示源代碼,并且不支持能使段落分開的標(biāo)簽比如<p>,顯示內(nèi)容如需換行只要在源文件中換行即可無需要代碼實(shí)現(xiàn)。同時(shí)pre會(huì)保留注其中的所有空格并顯示出來。
一般來講pre目前是多用于顯示源代碼,這與code的用途是相似的,所不同的是pre是塊級的,而code是內(nèi)聯(lián)的。簡單說,pre可以包括多行內(nèi)容,而code只包含短小的一句或幾個(gè)字符。
這里講述的并不能完全說清楚,這就需要在看完文檔后動(dòng)手操作嘗試一下,自行去發(fā)現(xiàn)其中的特別之處。有朋友說希望看到有關(guān)于CSS方面的知識(shí)。這里我想傳達(dá)我的編寫意圖。我希望一步步來,讓一些還沒從表格布局脫離出來的朋友可以先行使用一些并不會(huì)影響整體的形式切入進(jìn)去。因?yàn)橐簧婕癈SS就可能會(huì)有兼容性問題,所以這里先說文檔,然后再加入一些不影響整體布局的CSS知識(shí)。一步步的深入,最終能讓閱讀者從表格布局自然過渡到標(biāo)準(zhǔn)勢力中來。當(dāng)然有朋友已經(jīng)通過自學(xué)的方式完成了這一步,那么可以到我的“雜談標(biāo)準(zhǔn)”一欄中與我交流。
<q></q>,q的作用是引用非塊元素,也就是引用不能形成段落的內(nèi)容,可能是某人說的一句話,也可能是一句文檔摘錄等,特點(diǎn)很明顯這里是“一句”。并且q本身并不會(huì)產(chǎn)生段落。q本身并沒有什么樣式,一般瀏覽器也不會(huì)給他設(shè)置一個(gè)默認(rèn)樣式使起突出。但是我們可以通過CSS去使之與一般內(nèi)容區(qū)分開。在q標(biāo)簽中還有一個(gè)屬性是非常重要的,那就是cite。在這個(gè)cite屬性值中主要是注明引用內(nèi)容的出自何處,或是給出在線的地址。
<q cite="http://andymao.com/andy/post/92.html">這次的內(nèi)容會(huì)讓你更進(jìn)一步的了解到關(guān)于段落里的細(xì)節(jié)</q>
要特別注意不要把q寫成p,這兩個(gè)標(biāo)簽很容易弄錯(cuò)。
在上一篇中其實(shí)已經(jīng)談到了cite,在那篇文章中我寫到“這個(gè)標(biāo)簽只表注出文獻(xiàn)的標(biāo)題與名稱。這個(gè)標(biāo)簽有點(diǎn)類似于我們書籍后面的參考文獻(xiàn)的目錄內(nèi)容,也有點(diǎn)像是腳注?!蹦敲此cq之間的區(qū)別是什么呢?其實(shí)很容易理解,q是顯示內(nèi)容,而cite則是顯示說這段內(nèi)容的人名或是書名。cite與q常?;旌掀饋硎褂?。比如:
<cite>魯迅</cite>先生說:<q>地上本來沒有路,走得人多了,便有了路</q>。
那么blockquote與他們有什么區(qū)別呢?blockquote是塊引用,XHTML允許其包含任何標(biāo)簽。而上面的q與cite則沒有這么大的包容度。blockquote的使用是當(dāng)需要引用一段或是多段內(nèi)容時(shí)所采用的,瀏覽器一般默認(rèn)處理會(huì)把引用內(nèi)容縮進(jìn)一些以與正常的段落文章區(qū)分開。當(dāng)然我們可以通過CSS樣式來改變區(qū)分的形式。
在blockquote中有一個(gè)cite屬性,與q一樣是用來注明引用來源的。可以把聯(lián)機(jī)文檔的URL注明在其中。
在XHTML標(biāo)簽中還有一個(gè)叫pre的標(biāo)簽,這個(gè)標(biāo)簽在Dreamweaver中被稱為“格式化”,在以前使用Dreamweaver 的時(shí)候我一直不清楚這個(gè)東西是作什么用的。一直到現(xiàn)在才清楚pre通常用以顯示源代碼,并且不支持能使段落分開的標(biāo)簽比如<p>,顯示內(nèi)容如需換行只要在源文件中換行即可無需要代碼實(shí)現(xiàn)。同時(shí)pre會(huì)保留注其中的所有空格并顯示出來。
一般來講pre目前是多用于顯示源代碼,這與code的用途是相似的,所不同的是pre是塊級的,而code是內(nèi)聯(lián)的。簡單說,pre可以包括多行內(nèi)容,而code只包含短小的一句或幾個(gè)字符。
這里講述的并不能完全說清楚,這就需要在看完文檔后動(dòng)手操作嘗試一下,自行去發(fā)現(xiàn)其中的特別之處。有朋友說希望看到有關(guān)于CSS方面的知識(shí)。這里我想傳達(dá)我的編寫意圖。我希望一步步來,讓一些還沒從表格布局脫離出來的朋友可以先行使用一些并不會(huì)影響整體的形式切入進(jìn)去。因?yàn)橐簧婕癈SS就可能會(huì)有兼容性問題,所以這里先說文檔,然后再加入一些不影響整體布局的CSS知識(shí)。一步步的深入,最終能讓閱讀者從表格布局自然過渡到標(biāo)準(zhǔn)勢力中來。當(dāng)然有朋友已經(jīng)通過自學(xué)的方式完成了這一步,那么可以到我的“雜談標(biāo)準(zhǔn)”一欄中與我交流。
相關(guān)文章
用margin和overflow屬性實(shí)現(xiàn)div間距的方法
用margin和overflow屬性實(shí)現(xiàn)div間距的方法...2007-12-12手機(jī)屏幕尺寸測試——手機(jī)的實(shí)際顯示頁面的寬度
本文主要通過測試,得出手機(jī)端網(wǎng)頁實(shí)際顯示的寬度,給開發(fā)人員在做手機(jī)端開發(fā)的時(shí)候做一些參考,希望能幫到大家。2016-04-04跨瀏覽器的實(shí)踐:position:fixed 層的固定定位
一般要固定某個(gè)div,我們都會(huì)讓該div{position:fixed},它的下一個(gè)div{position:absolute}看了幾個(gè)國外的關(guān)于CSS的固定定位跨瀏覽解決方案.他們卻反其道而為之2008-11-11htm頁面中<a name>加name和id的沖突附解決方法
原來在<a name="jb51"> 和<span id="jb51">是沖突的,唉弄了好一會(huì),郁悶 臨時(shí)解決方法就是在后面的id中加了一個(gè)2,就是<span id="jb512">2008-07-07CSS單標(biāo)簽實(shí)現(xiàn)復(fù)雜的棋盤布局
這篇文章主要介紹了CSS單標(biāo)簽實(shí)現(xiàn)復(fù)雜的棋盤布局的相關(guān)資料,需要的朋友可以參考下2022-09-09