web標準知識――豐富段落里的標簽

2020-01-20 22:24:04

字體：大中小

來源：轉載

供稿：網友

如果你已經開始跟著《WEB標準能有多難？》在自己的工作中循序漸進地運用WEB標準了，那么這次的內容會讓你更進一步的了解到關于段落里的細節。要是你剛剛準備好開始沒關系可以先看看《從p開始，循序漸進》，然后再看本文。
昨天晚上我決定了放棄在這個時候插入CSS內容，繼續深入XHTML的內容。也許大家會覺XHTML遠沒有CSS有趣，是的，的確如此，CSS能變化出無數看得見的可能。而XHTML只不過是為了機器與程序準備的。但是事實上XHTML的重要性要比CSS重要得多。我們都知道網頁本身的作用是用以承載信息、數據、知識，我們這里暫把這些稱之為“內容”。網站的第一要素就是內容，沒有內容的網頁可能就不能叫網頁了，但是如果你把一堆的內容放在一起沒有標簽去區別段落、重點、引用等那么內容將擠在一起，沒辦法閱讀，就算你是個CSS的高手，在一堆沒有XHTML標簽的文檔中讓你去美化它，你也無從入手。是的內容需要XHTML去區分內容并且給CSS以用武之地。如果說內容是內臟與靈魂，CSS是皮肉，那么XHTML就是骨骼。

XHTML那么的重要我們當然不能浪費時間，現在就來一一去介紹可以用在段落中的標簽。(大家要注意這句話：“用在段落中的標簽”，這就表明這些標簽不是塊級標簽。是內聯標簽。)首先要介紹的是強調標簽――strong與em。為什么一次要介紹兩個標簽呢？因為這兩個標簽都有強調的意思。同是強調那么為什么要用兩個標簽這么浪費呢？雖然都有強調的意思，但是強調的力度卻有所不同。strong要比em力度更大一點。如果說em是中國詞匯中的“強調”、“注意”，那么strong就是“再三強調”、“特別注意”。當然在文本中不能濫用強調標簽，合理使用會讓文章中的重點內容得到突出。那么一般性的強調用em即可，如果是需要特別重點的再用strong。

也許有的朋友會說，strong與em的區別就是strong中的內容是粗體顯示，em中的內容是斜體顯示。這種說法是錯誤的，因為這兩個標簽本身不具備樣式屬性。HTML標簽中有一些樣式標簽比如<b><i><u>，并且樣式標簽已經在XHTML中不推薦使用了。而我們在瀏覽器里看到的strong中的內容是粗體顯示，那只是瀏覽器對標簽的預設樣式。并不表示striong就是粗體，如果有一天瀏覽器不再提供預設樣式了，那么strong中的內容不會出現任何樣式。em也是一樣。關于這個問題有興趣的朋友可以查閱一下《語義與樣式無關》一文。

我們現在都很喜歡使用縮略詞來表述特定的事物或是事件，這樣做的好處是方便快遞地傳達信息，而不用每次都去打那么長的文字，特別是對于重復出現的詞匯。那么縮略詞應該用什么樣的XHTML標簽呢？這次又是一次介紹兩個標簽――abbr與acronym。這兩個標簽的大致用途是一樣的，但是也還是有細節上的不同。比如<abbr></abbr>的作用是表明標簽中的內容為縮寫形式。而<acronym></acronym>的作用是表明標簽中的內容是首字母縮寫詞。大家注意到了，我為“首字母縮寫詞”使用了em強調。一般來講acronym要比abbr在英文中常用，但是在中文正好相反。因為中文中沒有首字母縮寫。也許有首字縮寫但這也比較少有。例如：中華人民共和國，簡稱是中國；全國人民代表大會，簡稱是人代會；這些都不是首字縮寫，這里我倒是覺得文中出現中國成語的時候應該使用abbr。當然光只有這個標簽還不行，因為只知道他是個縮略詞還不行，至少還要給出詳細的名稱啊。所以這兩個標簽在使用的時候還要再加上一個title屬性。正確的寫法應該是這樣的。<acronym title="European Computer Manufacturers Association">ECMA</acronym>；<abbr title="按照一定的步驟逐漸深入或提高。">循序漸進</abbr>在瀏覽器上并不會直接顯示title里的內容，只有當鼠標移動到那個位置后才會出現懸浮提示。當然一般縮寫標簽只在縮略詞第一次出現的時候使用，以后文章中再出現就可以不用了。

你的文檔里是否有縮略詞？你是否給出了縮略詞完整的詞匯呢？如果有快點應用起來，這會讓你的文檔更受歡迎的。如果想要自己的文檔受到歡迎，那么你的文檔必需要懂禮貌。也許有朋友會說：你要瘋啊，文檔怎么懂禮貌呢？事實上文檔的確需要懂禮貌，比如當你引用了別人的某個參考文獻、書籍、雜志的時候是否標注出來了呢？對這就是我們這里要說的文檔的禮貌。尊重他人比如當我需要向大家推薦一篇他人的文章，那么我就需要這樣來處理：<a href="……"><cite>推薦文章的標題<cite></a>大家注意到了，在A標簽中還有一個cite標簽。當然如果你需要引用的是一句話或是一段文字那么這個標簽就不適合了。這個標簽只表注出文獻的標題與名稱。這個標簽有點類似于我們書籍后面的參考文獻的目錄內容，也有點像是腳注。當然cite這個標簽完全可以這么處理。至于需要引用一句話或是成段的文字的標簽我們將會在以后介紹。

對于我們這個行業來說在文檔中出現代碼的機率真的是太高了。那么如何把文檔中的代碼與內容區分開，必然需要特定的標簽。這里介紹的就是最常用的，簡單的code標簽。這個標簽的作用僅是處理一些精短的代碼，對于需要分行、縮進的大量的代碼并不適合，對于如同本文中出現的一些代碼就比較適合使用code這個標簽了。如果大家有興趣可以翻開本文的源代碼來看一下。關于大量的代碼如何處理那就請各位朋友期待以后的文章吧。

這里還要提醒大家一下，看了本文并不起什么作用，把看到的應用到自己的工作中才是最重要的。只要你在應用，你就離成功更進一步了。讓我們一起努力，加油

上一篇：php 正則表達式學習筆記

下一篇：正則表達式學習經驗分析第1/2頁