DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> WEB標准教程:功能豐富的段落P標簽
WEB標准教程:功能豐富的段落P標簽
編輯:CSS詳解     

關於段落<p></p>相信大家已經都在自己的工作中開始關注並應用了。因為那真的是非常簡單的事,只要你願意你隨時都可以開始讓你的頁面代碼更為標准化。如果你已經開始跟著《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這個標簽了。如果大家有興趣可以翻開本文的源代碼來看一下。關於大量的代碼如何處理那就請各位朋友期待以後的文章吧。

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

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