W3C代碼標準規範

1、<!DOCTYPE html >

現在是HTML5的時代,我們有必要去讓瀏覽器也意識到XHTML的時代已經過去了,需要它用新的標準解析我們的標籤。如果不聲明這句話,有些瀏覽器可能還會懷念那個“怪異模式”的標準,也許會渲染出我們意想不到的效果。因此,在進行頁面搭建時,一定要事先寫上這一句!

 

2、定義語言編碼

<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
現在已經是HTML5的時代,定義語言編碼變得如此簡單,但但但,一定還是要有的!

 

3、所有的標記都必須要有一個相應的結束標記

這裏的所有指定的那些有閉合標籤的,比如<div><p><span>...那些單標籤的<meta><input>...自然就不用了。閉合標籤的話,代碼結構會顯得清晰,便於攻城屍去檢查,也利於瀏覽器的識別。何樂而不爲呢。

 

4、所有標籤的元素和屬性的名字都必須使用小寫

雖然HTML5標籤對大小寫不敏感,但攻城屍對大小寫還是多少敏感一些的,你說你都寫成小寫的看着多舒服,相信沒人願意看一連串的大寫英文字母吧。


5、不要在註釋內容中使用“--”
“--”只能發生在XHTML註釋的開頭和結束,也就是說,在內容中它們不再有效。
例如,下面的代碼是無效的:<!--這裏是註釋-----------這裏是註釋-->
正確的應用等號或者空格替換內部的虛線。<!--這裏是註釋============這裏是註釋-->

 

6、所有的屬性必須用引號""括起來
在HTML中,你可以不需要給屬性值加引號,但是在XHTML中,它們必須被加引號。
例如:<height=80>必須修改爲:<height="80">。
特殊情況,你需要在屬性值裏使用雙引號,你可以用",單引號可以使用&apos;,例如:<alt="say&apos;hello&apos;">

 

7、所有的標記都必須合理嵌套 
XHTML中要求有嚴謹的結構,因此所有的嵌套都必須按順序,以前我們這樣寫的代碼:   
<p><b></p></b>必須修改爲:<p><b></b></p> 
就是說,一層一層的嵌套必須是嚴格對稱。在HTML5中,不正確嵌套雖然也能解析出來,但往往會解析出讓你意想不到的效果。

 

8、所有的屬性必須用引號""括起來

還是那句話,雖然HTML5沒要求,但這也是所謂的“規範”,你值得遵守!

 

9、把所有<和&特殊符號用編碼表示
任何小於號(<),不是標籤的一部分,都必須被編碼爲 &lt;
任何大於號(>),不是標籤的一部分,都必須被編碼爲 &gt;
任何與號(&),不是實體的一部分的,都必須被編碼爲 &amp;  
錯誤:
http://club.china.alibaba.com/forum/thread/search_forum.html?action=SearchForum&doSearchForum=true&main=1&catcount=10&keywords=mp3 
正確:
http://club.china.alibaba.com/forum/thread/search_forum.html?action=SearchForum&amp;doSearchForum=true&amp;main=1&amp;catcount=10&amp;keywords=mp3

 

10、圖片添加有意義的alt屬性
例如:<img src="logo.gif" width="100" height="100" align="middle" boder="0" alt="阿里巴巴" />
儘可能的讓作爲內容的圖片都帶有屬於自己的alt屬性,這樣,在加載不到圖片的情況下用戶也能知道這張圖片是幹嘛的。
同理:添加文字鏈接的title屬性。
<a href="#" target="_blank" title="新聞新聞新聞新聞">新聞新聞…</a>,在一些限定字數的內容展示尤爲重要,幫助顯示不完成的內容顯示完整,而不用考慮頁面會因此而撐

 

11、在form表單中增加lable,以增加用戶友好度

例如:

<form action="http://somesite.com/prog/adduser" method="post">  <label for="firstname">first name: </label>  <input type="text" id="firstname" />  <label for="lastname">last name: </label>  <input type="text" id="lastname" /></form>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章