WEB教程標準應用標籤
從今天開始,我將全面的共享出我所能理解的所有WEB標準方面的知識放在這個“WEB標準能有多難?”的專欄裏。當然由於振之的水平有限,所講並非是完全正確的。在看了這個專欄的文章的時候要理性的分析,要有自己的判斷,歡迎各位朋友提出自己的'看法與意見。
很多朋友現在還在用Dreamweaver(下稱DW),不可否認這是個非常優秀的軟件,他基本上實現了所見即所得。當然也正是因為這樣讓很多網頁製作人員對於(x)HTML標籤變得一無所知。然而要學習WEB標準就必需要與標籤打交道,你必需要了解他們的特點。就算你不打算自己打代碼,繼續使用DW來完成自己的工作也必需要知道DW生存的代碼的作用。如果你希望減少宂餘代碼,提升網頁的品質,那麼你就更需要認知(x)HTML標籤。
那麼學習自然要循序漸進,當然要從最常用、最簡單的入手。如果問在所有HTML標籤中誰是最常用最簡單的標籤?那我一定會説是段落標籤,也就是,説它常用,是因為幾乎所有的文檔文件都會用到這個標籤,説他簡單從外形上就可以看出來,他只有一個字母。雖説是簡單,但是卻也非常重要,因為這是一個用來區別段落用的。我們都知道段落是用來劃分文章用的,以方便閲讀。而有時候因為一些軟件,或是人為操作使得文檔中以其它的標籤來區分,用的就特別的多。那麼有人會説:不都一樣嘛,反正都區分開了。事實不然,雖然對於我們人來講,用什麼東西區分段落都可以,但是對於機器、程序來講,需要理解段與段就需要通過這些標籤了。這也就是標籤的語義,正確的語義會讓你的文檔更容易為搜索引擎所識別。同時合理安排標籤的使用也有助於維護與管理以及代碼的移植。
當然有很多人可能早就知道這個標籤並且一直在用,並且還發現段落標籤不使用一樣可以顯示。並且在一直使用着這種方法。在HTML中這種寫法是允許的。但是在(x)HTML中就已經規範了這種寫法,所有的段落標籤都必需要加上結束標籤。(示例段落……文字)這點要切記,(x)HTML並沒有為HTML增加什麼更新的標籤,只是規範了HTML的標籤的使用,以及減去了一些不合理的標籤,以及標籤裏的屬性。那麼段落標籤中都有哪些屬性?留下來多少呢?振之查閲了一些文獻。
align屬性:寫法是,屬性值有: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
-
dreamweaver的學習心得
當我們備受啟迪時,寫心得體會是一個不錯的選擇,這樣我們可以養成良好的總結方法。那麼要如何寫呢?下面是小編收集整理的dreamweaver的學習心得,歡迎閲讀與收藏。dreamweaver的學習心得1目前,互聯網是最快捷的信息傳播渠道之一,學習網頁製作成了學生必須掌握的一項技...
-
javascript的return語句的作用
return語句在js中非常的重要,不僅僅具有返回函數值的功能,還具有一些特殊的用法,有個清晰的把握是非常有必要的。下面就結合實例簡單介紹一下return語句的作用。用來返回控制和函數結果:通常情況,return語句對於一個函數是很有必要的`,因為往往需要函數在一系列的代...
-
javascript閉包的高級使用方法
擴展Code:複製代碼代碼如下:varblogModule=(function(my){hoto=function(){//添加內部代碼};returnmy;}(blogModule));Say:將自身傳進方法,然後實現了方法的擴展,有點象零件組裝啊Code:複製代碼代碼如下:varblogModule=(function(my){varoldAddPhotoMethod=hoto;...
-
製作網頁,dreamweaver的基本步驟
網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIFs,JPEGs,PNGs)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。以下是小編為大家搜索整理的Dreamweaver製作網頁的基本步驟,歡迎閲讀!更多精彩內容請及時關注我們考試...