睡蓮‧池水間

Guest
2012-Feb-12  
0 位會員和 10 位訪客在線上

文章 :: 標準之路

WEB標準能有多難?

振之 ( http://andymao.com/andy/ )
 
藍色理想 
子標題:01 - 從p開始,循序漸進
從今天開始,我將全面的共享出我所能理解的所有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

原文地址:http://andymao.com/andy/post/91.html

    «« 瀏覽器的 Acid3 Tests 結果一覽 欲練 CSS ,必先宮 IE »»    

引用

  • 文章地址: http://waterlily-lsl.com/modules/article/view.article.php/c1/51
  • 引用地址: http://waterlily-lsl.com/modules/article/trackback.php/51

評分

10
9
8
7
6
5
4
3
2
1


 

API: RSS | RDF | ATOM

回覆及設定

    關閉


 

最 新 發 表 及 資 訊 區

此為池水間 banner ,需要安裝 Adobe Flash Player 才能觀看內容。

最新留言

最新留言:2012-Jan-6 11:13am
留言編號:76
留言者: wuji888
網主回覆:
總留言數: 71

前往萍踪留影

造訪統計

今天:314
昨天:544
本週:314
本月:6154
總計:376538
平均:292

連結

Powered By XOOPS
Valid XHTML 1.1
Valid CSS 3
登 入