DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> WEB標准教程:P標簽的應用
WEB標准教程:P標簽的應用
編輯:CSS詳解     

從今天開始,我將全面的共享出我所能理解的所有WEB標准方面的知識放在這個“WEB標准能有多難?”的專欄裡。當然由於振之的水平有限,所講並非是完全正確的。在看了這個專欄的文章的時候要理性的分析,要有自己的判斷,歡迎各位朋友提出自己的看法與意見。

很多朋友現在還在用Dreamweaver(下稱DW),不可否認這是個非常優秀的軟件,他基本上實現了所見即所得。當然也正是因為這樣讓很多網頁制作人員對於(x)HTML標簽變得一無所知。然而要學習WEB標准就必需要與標簽打交道,你必需要了解他們的特點。就算你不打算自己打代碼,繼續使用DW來完成自己的工作也必需要知道DW生存的代碼的作用。如果你希望減少冗余代碼,提升網頁的品質,那麼你就更需要認知(x)Html標簽。

那麼學習自然要循序漸進,當然要從最常用、最簡單的入手。如果問在所有Html標簽中誰是最常用最簡單的標簽?那我一定會說是段落標簽,也就是<p></p>,說它常用,是因為幾乎所有的文檔文件都會用到這個標簽,說他簡單從外形上就可以看出來,他只有一個字母。雖說是簡單,但是卻也非常重要,因為這是一個用來區別段落用的。我們都知道段落是用來劃分文章用的,以方便閱讀。而有時候因為一些軟件,或是人為操作使得文檔中以其它的標簽來區分,用<div></div>的就特別的多。那麼有人會說:不都一樣嘛,反正都區分開了。事實不然,雖然對於我們人來講,用什麼東西區分段落都可以,但是對於機器、程序來講,需要理解段與段就需要通過這些標簽了。這也就是標簽的語義,正確的語義會讓你的文檔更容易為搜索引擎所識別。同時合理安排標簽的使用也有助於維護與管理以及代碼的移植。

當然有很多人可能早就知道這個標簽並且一直在用,並且還發現段落標簽不使用</p>一樣可以顯示。並且在一直使用著這種方法。在HTML中這種寫法是允許的。但是在(x)Html中就已經規范了這種寫法,所有的段落標簽都必需要加上結束標簽。(<p>示例段落……文字</p>)這點要切記,(x)HTML並沒有為HTML增加什麼更新的標簽,只是規范了Html的標簽的使用,以及減去了一些不合理的標簽,以及標簽裡的屬性。那麼段落標簽中都有哪些屬性?留下來多少呢?振之查閱了一些文獻。

align屬性:寫法是<p align=left ></p>,屬性值有:left、right、center、justify(兩端對齊)。這是對齊屬性,作用是管理段落裡文本的對齊方向。但是在(x)Html中已經不贊成使用這個屬性了,當然浏覽器還是支持這個屬性的。盡管如此我們還是不用為好,為什麼不用呢,因為這個屬性我們完成可以通過CSS可以很簡單實現,不需要在代碼裡一一加上這些屬性。

可以使用的屬性有:id、class、style、title。關於這幾個屬性將會在本專欄以後的文章進行分析,這裡只要大家理解在段落標簽中可以使用這些屬性就可以了。

好了,如果你現在還沒嘗試為文章設置段落標簽不如從現在開始在自己手上的項目中加入這個代碼吧。這會讓你越來越容易的掌握WEB標准。

另外,P是個塊級標簽,但是在這個塊級標簽裡卻不能再出現塊級標簽。關於(x)Html的嵌套規則可以參考由JUNCHEN翻譯並做出解釋的《(X)Html Strict 下的嵌套規則》

補充:

應該釋義一下:P means Paragraph, Div means Division, Span means Span.          -- JUNCHEN

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