基本原則
結構、樣式、行爲分離
儘量確保分檔和模板只包含HTML結構,樣式都放到樣式表裏,行爲都放到腳本里。
縮進
統一兩個空格縮進(總之縮進統一即可),不要使用Tab
或者Tab
、空格混搭。
文件編碼
使用不帶BOM
的UTF-8編碼
在HTML中指定編碼<meta charset="utf-8">
;
無需使用@charset
指定樣式表編碼,它默認爲UTF-8
(參考@charset);
一律使用小寫字母
<!-- Recommended --> <img src="google.png" alt="Google"> <!-- Not recommended --> <A HREF="/">Home</A>
/* Recommended */ color: #e5e5e5; /* Not recommended */ color: #E5E5E5;
省略外鏈資源 URL 協議部分
省略外鏈資源(圖片及其它媒體資源)URL 中的 Http
/ https
協議,使 URL 成爲相對地址,避免Mixed Content 問題,減小文件字節數。
其它協議(ftp 等)的 URL 不省略。
<!-- Recommended --> <script src="//www.dba.cn/statics/js/autotrack.js"></script> <!-- Not recommended --> <script src="/book/statics/js/autotrack.js"></script> /* Recommended */ .example { background: url(//www.google.com/images/example); } /* Not recommended */ .example { background: url(http://www.google.com/images/example); }
融通易,可以提供快捷鍵來輸出一致認可的註釋模式。
我的博客即將同步至騰訊雲+社區,邀請大家一同入駐:https://cloud.tencent.com/developer/support-plan?invite_code=2ngc3ujibi0w0