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">。
特殊情況,你需要在屬性值裏使用雙引號,你可以用",單引號可以使用',例如:<alt="say'hello'">
7、所有的標記都必須合理嵌套
XHTML中要求有嚴謹的結構,因此所有的嵌套都必須按順序,以前我們這樣寫的代碼:
<p><b></p></b>必須修改爲:<p><b></b></p>
就是說,一層一層的嵌套必須是嚴格對稱。在HTML5中,不正確嵌套雖然也能解析出來,但往往會解析出讓你意想不到的效果。
8、所有的屬性必須用引號""括起來
還是那句話,雖然HTML5沒要求,但這也是所謂的“規範”,你值得遵守!
9、把所有<和&特殊符號用編碼表示
任何小於號(<),不是標籤的一部分,都必須被編碼爲 <
任何大於號(>),不是標籤的一部分,都必須被編碼爲 >
任何與號(&),不是實體的一部分的,都必須被編碼爲 &
錯誤:
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&doSearchForum=true&main=1&catcount=10&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>