上一節(jié):從p開(kāi)始,循序漸進(jìn)
web標(biāo)準(zhǔn)知識(shí)——豐富段落里的標(biāo)簽
關(guān)于段落<p></p> 相信大家已經(jīng)都在自己的工作中開(kāi)始關(guān)注并應(yīng)用了。因?yàn)槟钦娴氖欠浅:?jiǎn)單的事,只要你愿意你隨時(shí)都可以開(kāi)始讓你的頁(yè)面代碼更為標(biāo)準(zhǔn)化。如果你已經(jīng)開(kāi)始跟著《WEB標(biāo)準(zhǔn)能有多難?》在自己的工作中循序漸進(jìn)地運(yùn)用WEB標(biāo)準(zhǔn)了,那么這次的內(nèi)容會(huì)讓你更進(jìn)一步的了解到關(guān)于段落里的細(xì)節(jié)。要是你剛剛準(zhǔn)備好開(kāi)始沒(méi)關(guān)系可以先看看《從p開(kāi)始,循序漸進(jìn)》,然后再看本文。
昨天晚上我決定了放棄在這個(gè)時(shí)候插入CSS內(nèi)容,繼續(xù)深入XHTML的內(nèi)容。也許大家會(huì)覺(jué)XHTML遠(yuǎn)沒(méi)有CSS有趣,是的,的確如此,CSS能變化出無(wú)數(shù)看得見(jiàn)的可能。而XHTML只不過(guò)是為了機(jī)器與程序準(zhǔn)備的。但是事實(shí)上XHTML的重要性要比CSS重要得多。我們都知道網(wǎng)頁(yè)本身的作用是用以承載信息、數(shù)據(jù)、知識(shí),我們這里暫把這些稱之為“內(nèi)容”。網(wǎng)站的第一要素就是內(nèi)容,沒(méi)有內(nèi)容的網(wǎng)頁(yè)可能就不能叫網(wǎng)頁(yè)了,但是如果你把一堆的內(nèi)容放在一起沒(méi)有標(biāo)簽去區(qū)別段落、重點(diǎn)、引用等那么內(nèi)容將擠在一起,沒(méi)辦法閱讀,就算你是個(gè)CSS的高手,在一堆沒(méi)有XHTML標(biāo)簽的文檔中讓你去美化它,你也無(wú)從入手。是的內(nèi)容需要XHTML去區(qū)分內(nèi)容并且給CSS以用武之地。如果說(shuō)內(nèi)容是內(nèi)臟與靈魂,CSS是皮肉,那么XHTML就是骨骼。
XHTML那么的重要我們當(dāng)然不能浪費(fèi)時(shí)間,現(xiàn)在就來(lái)一一去介紹可以用在段落中的標(biāo)簽。(大家要注意這句話:“用在段落中的標(biāo)簽”,這就表明這些標(biāo)簽不是塊級(jí)標(biāo)簽。是內(nèi)聯(lián)標(biāo)簽。)首先要介紹的是強(qiáng)調(diào)標(biāo)簽——strong與em。為什么一次要介紹兩個(gè)標(biāo)簽?zāi)?因(yàn)檫@兩個(gè)標(biāo)簽都有強(qiáng)調(diào)的意思。同是強(qiáng)調(diào)那么為什么要用兩個(gè)標(biāo)簽這么浪費(fèi)呢?雖然都有強(qiáng)調(diào)的意思,但是強(qiáng)調(diào)的力度卻有所不同。strong要比em力度更大一點(diǎn)。如果說(shuō)em是中國(guó)詞匯中的“強(qiáng)調(diào)”、“注意”,那么strong就是“再三強(qiáng)調(diào)”、“特別注意”。當(dāng)然在文本中不能濫用強(qiáng)調(diào)標(biāo)簽,合理使用會(huì)讓文章中的重點(diǎn)內(nèi)容得到突出。那么一般性的強(qiáng)調(diào)用em即可,如果是需要特別重點(diǎn)的再用strong。
也許有的朋友會(huì)說(shuō),strong與em的區(qū)別就是strong中的內(nèi)容是粗體顯示,em中的內(nèi)容是斜體顯示。這種說(shuō)法是錯(cuò)誤的,因?yàn)檫@兩個(gè)標(biāo)簽本身不具備樣式屬性。HTML標(biāo)簽中有一些樣式標(biāo)簽比如<b><i><u> ,并且樣式標(biāo)簽已經(jīng)在XHTML中不推薦使用了。而我們?cè)跒g覽器里看到的strong中的內(nèi)容是粗體顯示,那只是瀏覽器對(duì)標(biāo)簽的預(yù)設(shè)樣式。并不表示striong就是粗體,如果有一天瀏覽器不再提供預(yù)設(shè)樣式了,那么strong中的內(nèi)容不會(huì)出現(xiàn)任何樣式。em也是一樣。關(guān)于這個(gè)問(wèn)題有興趣的朋友可以查閱一下《語(yǔ)義與樣式無(wú)關(guān)》一文。
我們現(xiàn)在都很喜歡使用縮略詞來(lái)表述特定的事物或是事件,這樣做的好處是方便快遞地傳達(dá)信息,而不用每次都去打那么長(zhǎng)的文字,特別是對(duì)于重復(fù)出現(xiàn)的詞匯。那么縮略詞應(yīng)該用什么樣的XHTML標(biāo)簽?zāi)?這次又是一次介紹兩個(gè)標(biāo)簽——abbr與acronym。這兩個(gè)標(biāo)簽的大致用途是一樣的,但是也還是有細(xì)節(jié)上的不同。比如<abbr></abbr> 的作用是表明標(biāo)簽中的內(nèi)容為縮寫(xiě)形式。而<acronym></acronym> 的作用是表明標(biāo)簽中的內(nèi)容是首字母縮寫(xiě)詞。大家注意到了,我為“首字母縮寫(xiě)詞”使用了em強(qiáng)調(diào)。一般來(lái)講acronym要比abbr在英文中常用,但是在中文正好相反。因?yàn)橹形闹袥](méi)有首字母縮寫(xiě)。也許有首字縮寫(xiě)但這也比較少有。例如:中華人民共和國(guó),簡(jiǎn)稱是中國(guó);全國(guó)人民代表大會(huì),簡(jiǎn)稱是人代會(huì);這些都不是首字縮寫(xiě),這里我倒是覺(jué)得文中出現(xiàn)中國(guó)成語(yǔ)的時(shí)候應(yīng)該使用abbr。當(dāng)然光只有這個(gè)標(biāo)簽還不行,因?yàn)橹恢浪莻(gè)縮略詞還不行,至少還要給出詳細(xì)的名稱啊。所以這兩個(gè)標(biāo)簽在使用的時(shí)候還要再加上一個(gè)title屬性。正確的寫(xiě)法應(yīng)該是這樣的。<acronym title="European Computer Manufacturers Association">ECMA</acronym> ;<abbr title="按照一定的步驟逐漸深入或提高。">循序漸進(jìn)</abbr> 在瀏覽器上并不會(huì)直接顯示title里的內(nèi)容,只有當(dāng)鼠標(biāo)移動(dòng)到那個(gè)位置后才會(huì)出現(xiàn)懸浮提示。當(dāng)然一般縮寫(xiě)標(biāo)簽只在縮略詞第一次出現(xiàn)的時(shí)候使用,以后文章中再出現(xiàn)就可以不用了。
你的文檔里是否有縮略詞?你是否給出了縮略詞完整的詞匯呢?如果有快點(diǎn)應(yīng)用起來(lái),這會(huì)讓你的文檔更受歡迎的。如果想要自己的文檔受到歡迎,那么你的文檔必需要懂禮貌。也許有朋友會(huì)說(shuō):你要瘋啊,文檔怎么懂禮貌呢? 事實(shí)上文檔的確需要懂禮貌,比如當(dāng)你引用了別人的某個(gè)參考文獻(xiàn)、書(shū)籍、雜志的時(shí)候是否標(biāo)注出來(lái)了呢?對(duì)這就是我們這里要說(shuō)的文檔的禮貌。尊重他人比如當(dāng)我需要向大家推薦一篇他人的文章,那么我就需要這樣來(lái)處理:<a href="……"><cite>推薦文章的標(biāo)題<cite></a> 大家注意到了,在A標(biāo)簽中還有一個(gè)cite標(biāo)簽。當(dāng)然如果你需要引用的是一句話或是一段文字那么這個(gè)標(biāo)簽就不適合了。這個(gè)標(biāo)簽只表注出文獻(xiàn)的標(biāo)題與名稱。這個(gè)標(biāo)簽有點(diǎn)類(lèi)似于我們書(shū)籍后面的參考文獻(xiàn)的目錄內(nèi)容,也有點(diǎn)像是腳注。當(dāng)然cite這個(gè)標(biāo)簽完全可以這么處理。至于需要引用一句話或是成段的文字的標(biāo)簽我們將會(huì)在以后介紹。
對(duì)于我們這個(gè)行業(yè)來(lái)說(shuō)在文檔中出現(xiàn)代碼的機(jī)率真的是太高了。那么如何把文檔中的代碼與內(nèi)容區(qū)分開(kāi),必然需要特定的標(biāo)簽。這里介紹的就是最常用的,簡(jiǎn)單的code標(biāo)簽。這個(gè)標(biāo)簽的作用僅是處理一些精短的代碼,對(duì)于需要分行、縮進(jìn)的大量的代碼并不適合,對(duì)于如同本文中出現(xiàn)的一些代碼就比較適合使用code這個(gè)標(biāo)簽了。如果大家有興趣可以翻開(kāi)本文的源代碼來(lái)看一下。關(guān)于大量的代碼如何處理那就請(qǐng)各位朋友期待以后的文章吧。
這里還要提醒大家一下,看了本文并不起什么作用,把看到的應(yīng)用到自己的工作中才是最重要的。只要你在應(yīng)用,你就離成功更進(jìn)一步了。讓我們一起努力,加油
下一節(jié):用途相似的標(biāo)簽
本文鏈接:http://m.95time.cn/tech/web/2008/5815.asp
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。
|