文件夾規範
- 根據項目名創建項目文件夾。
- 在項目文件夾創建html、css、img、js四個文件夾存放相應文檔。
- 文件命名時應該全部使用英文命名，儘量語義化。媒體文件命名時儘量與模塊名稱有關聯（如login_bg.jpg、login_user_ico.gif等）。
HTML 書寫規範
- 書寫規範：
書寫時根據頁面結構實現層次分明的縮進；
標籤屬性名由數字、小寫字母、下劃線組成，且所有標籤必須閉合； - 語義化HTML：
在佈局是儘量用html5中的一些新的語義化標籤，標題h1只能出現一次、段落用p、行級元素不能嵌套塊級元素等。 - 儘量保證結構樣式分離。
- 儘量控制元素嵌套的層級不合理的嵌套可能會影響頁面性能。
- HTML中的圖片
img標籤添加 alt="" 替換文本，以防圖片丟失；
在保證視覺效果的情況下儘量選擇比較小的圖片，以減少加載時間；
使用精靈圖標技術減少頁面的HTTP請求。
css書寫規範
指定編碼集，統一爲UFT-8。
書寫代碼前
- 考慮樣式規劃，提高樣式重複使用率。
- 確定版心，合理佈局。
- 書寫代碼時
- 適當的添加註釋。
- 保持代碼縮進，建議單行書寫。
- class與id的命名
- 全小寫命名，中間用 - 連接；駝峯法命名。
- 命名簡潔、明瞭、語義化。
- css書寫順序：
儘量遵循：佈局定位屬性 -> 自身屬性 -> 文本屬性 -> 其他屬性。
- css樣式表文件命名
index.css（首頁的）
master.css （主要的）
layout.css （佈局、版面）
themes.css（主題）
columns.css（專欄）
font.css （文字）
forms.css（表單）
base.css、public.css、common.css（基本公用，以下爲一些常用的公共文件）
* {
padding:0;
margin:0;
box-sizing:border-box;
}
a {
text-docoration:none;
}
.clear-fix:after { /*清除浮動的影響*/
content:"";
display:block;
clear:both;
height:0;
line-height:0;
visiblility:hidden;
}
給網站添加標題、關鍵字，描述
- 爲網頁添加標題
<title>網頁標題</title> - 爲搜索引擎定義關鍵字
<meta name="keywords" content="HTML,CSS,JavaScript">
搜索引擎在遇到這些關鍵字時，會用這些關鍵字對文檔分類。 - 爲網頁定義描述內容
<meta name="description" content="web 前端開發、網頁制"> - 網頁標題欄圖標
<link href="favicon.ico rel="icon"/>