標籤：style http java color 使用 os strong 檔案
這篇文章是轉載的，很久之前收錄在電腦裡面的。 忘記是哪裡搞來的了，大家知道是轉載的就好了。。。
這裡的圖片要點擊開啟才能看到，因為複製過來的，圖片有點問題。。。因此想要圖片的辛苦了。。。
Google推薦的15條軍規：HTML5代碼規範
1.協議頭：
建議在指向圖片或其他媒體檔案、樣式表和指令碼的URL地址中省略HTTP:協議部分，除非已知相應檔案不能同時相容2個協議。2.縮排：每次縮排使用雙空格
不要使用tab定位字元或定位字元加空格的混合方式縮排3.大小寫：只使用小寫
所有的代碼都應是小寫，包括元素名稱、屬性，屬性值（除非text或CDATA的內容）、選取器、css屬性、屬性值（字串除外）4.尾隨空格
尾隨空格是不必要的，容易搞複雜diff檔案。這個絕對是經驗教訓的總結！！！5.編碼格式：使用UTF-8
請確保您的編輯器使用的字元編碼??為UTF-8，沒有位元組順序標記。在html模板或文檔中通過 <meta charset="utf-8″>來定義編碼格式。7.TODO待定項
尚未實現的或待定的內容一定要標識強調出來，利用TODO辨識，而非其他諸如@@來強調。在TODO後追加一個冒號作為行動內容，例如 TODO：為美瑞網增加html5模板。8.文件類型：使用HTML5
使用<!DOCTYPE html>.HTML(text/html)類型檔案相對XHTML（alication/xhtml+xml）檔案，在瀏覽器及架構支援上和最佳化空間上都要好很多。9.HTML 合法性驗證
合法的使用HTML，並利用w3c的工具（W3C HTML validator）進行檢查。唯一例外就是因為效能原因需要壓縮檔大小。
原 文如下：Use valid HTML code unless that is not possible due to otherwise unattainable performance goals regarding file size. 但這個確實很難想象，省略標籤節省的檔案大小能有多少位元組？但帶來的問題可是風險居高哦！
10.語義性
根據目的來合理使用HTML，這點對於HTML5而言尤為重要。下面例子可以對比，能實現同樣的結果，但效率和可讀性卻有很大差別。
對於HTML5而言，例如header、footer、nav、section等跟div能實現的功能基本類似，但是語義性上有著天壤之別。
11.多媒體後備：為多媒體提供備選內容
這個屬於老生長談的內容，典型就是為img添加alt內容。
12.關注點分離
這 點很重要，嚴格遵守將組織圖(markup)、表現樣式(style)和行為動作(script)分開處理的原則，並且盡量使三者之間的關聯度降到最 小。這主要是基於維護性的考慮，通常，更新style檔案或指令檔比更改HTML檔案的代價要小很多，試想一下，對於一個有超過10萬頁面的網站進行局 部顏色調整，是每個html檔案修改容易還是修改一個style檔案容易？
可選Tags：省略可選的標籤
13.實體引用
假定Team Dev內，檔案和編輯器都是使用同樣的編碼格式（UTF-8），則沒有必要使用實體引用的方式，例如—，”, or ? 除非一些HTML中具有特定含義的字元，如”<”,或不可見字元如空格
14.Type屬性：省略
將樣式表和指令碼中的Type省略，除非你不是用的css或javascript，在HTML5中，該值預設是text/css和text/javascript
15.block，list或table元素
針對每個block，list或table元素另起一行，並在每個子項目前縮排。這樣可讀性好，例如：
對於使用HTML5的朋友，可以參考。當然，不同團隊還會整理出適合自己的代碼規範，上述應該來說屬於比較基本的規則內容。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
