文件夾規(guī)范
- 根據(jù)項(xiàng)目名創(chuàng)建項(xiàng)目文件夾脱惰。
- 在項(xiàng)目文件夾創(chuàng)建html轻绞、css采记、img、js四個(gè)文件夾存放相應(yīng)文檔政勃。
- 文件命名時(shí)應(yīng)該全部使用英文命名唧龄，盡量語(yǔ)義化。媒體文件命名時(shí)盡量與模塊名稱(chēng)有關(guān)聯(lián)（如login_bg.jpg奸远、login_user_ico.gif等）既棺。
HTML 書(shū)寫(xiě)規(guī)范
- 書(shū)寫(xiě)規(guī)范：
書(shū)寫(xiě)時(shí)根據(jù)頁(yè)面結(jié)構(gòu)實(shí)現(xiàn)層次分明的縮進(jìn)；
標(biāo)簽屬性名由數(shù)字懒叛、小寫(xiě)字母丸冕、下劃線(xiàn)組成，且所有標(biāo)簽必須閉合薛窥； - 語(yǔ)義化HTML：
在布局是盡量用html5中的一些新的語(yǔ)義化標(biāo)簽胖烛，標(biāo)題h1只能出現(xiàn)一次、段落用p诅迷、行級(jí)元素不能嵌套塊級(jí)元素等佩番。 - 盡量保證結(jié)構(gòu)樣式分離。
- 盡量控制元素嵌套的層級(jí)不合理的嵌套可能會(huì)影響頁(yè)面性能罢杉。
- HTML中的圖片
img標(biāo)簽添加 alt="" 替換文本趟畏，以防圖片丟失；
在保證視覺(jué)效果的情況下盡量選擇比較小的圖片滩租，以減少加載時(shí)間拱镐；
使用精靈圖標(biāo)技術(shù)減少頁(yè)面的HTTP請(qǐng)求。
css書(shū)寫(xiě)規(guī)范
指定編碼集持际，統(tǒng)一為UFT-8沃琅。
書(shū)寫(xiě)代碼前
- 考慮樣式規(guī)劃，提高樣式重復(fù)使用率蜘欲。
- 確定版心益眉，合理布局。
- 書(shū)寫(xiě)代碼時(shí)
- 適當(dāng)?shù)奶砑幼⑨尅?/li>
- 保持代碼縮進(jìn)姥份，建議單行書(shū)寫(xiě)郭脂。
- class與id的命名
- 全小寫(xiě)命名，中間用 - 連接澈歉；駝峰法命名展鸡。
- 命名簡(jiǎn)潔、明了埃难、語(yǔ)義化莹弊。
- css書(shū)寫(xiě)順序：
盡量遵循：布局定位屬性 -> 自身屬性 -> 文本屬性 -> 其他屬性涤久。
- css樣式表文件命名
index.css（首頁(yè)的）
master.css （主要的）
layout.css （布局、版面）
themes.css（主題）
columns.css（專(zhuān)欄）
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 { /*清除浮動(dòng)的影響*/
content:"";
display:block;
clear:both;
height:0;
line-height:0;
visiblility:hidden;
}
給網(wǎng)站添加標(biāo)題细疚、關(guān)鍵字蔗彤，描述
- 為網(wǎng)頁(yè)添加標(biāo)題
<title>網(wǎng)頁(yè)標(biāo)題</title> - 為搜索引擎定義關(guān)鍵字
<meta name="keywords" content="HTML,CSS,JavaScript">
搜索引擎在遇到這些關(guān)鍵字時(shí)，會(huì)用這些關(guān)鍵字對(duì)文檔分類(lèi)疯兼。 - 為網(wǎng)頁(yè)定義描述內(nèi)容
<meta name="description" content="web 前端開(kāi)發(fā)然遏、網(wǎng)頁(yè)制"> - 網(wǎng)頁(yè)標(biāo)題欄圖標(biāo)
<link href="favicon.ico rel="icon"/>
