男女成人秒免费试看久久_无码毛片免费自慰09_黄品汇mba旧版本_亚洲少妇与大狗性交对白_人妻无卡中文乱码在线_无码a级毛片免费视频内谢_午夜亚洲亚洲精品不卡_欧美成人在线观看_欧美日本韩国乱伦_十八禁观看污污污网站

HTML

原則

1.規(guī)范 。保證您的代碼規(guī)范，保證結(jié)構(gòu)表現(xiàn)行為相互分離。

2.簡(jiǎn)潔。保證代碼的最簡(jiǎn)化，避免多余的空格、空行，保持代碼的語(yǔ)義化，盡量使用具有語(yǔ)義的元素，避免使用樣式屬性和行為屬性。任何時(shí)候都要用盡量簡(jiǎn)單、盡量少的元素解決問題。

3.實(shí)用。遵循標(biāo)準(zhǔn)，但是不能以犧牲實(shí)用性為代價(jià)。

4.忠誠(chéng)。選擇一套規(guī)范，然后始終遵循。不管代碼由多少人參與，都應(yīng)該看起來像一個(gè)人寫的一樣

語(yǔ)法

1.小寫. html標(biāo)簽、屬性全部小寫。

2.嵌套. 所有元素必須正確嵌套。

3.閉合. 雙標(biāo)簽必須閉合，單標(biāo)簽（自關(guān)閉標(biāo)簽）不閉合 如 <hr>。

4.雙引號(hào). 雙引號(hào)屬性值，不要使用單引號(hào)。

注釋

1.詳盡注釋。解釋代碼解決問題、解決思路等。

2.模塊注釋。建議不使用模塊結(jié)束注釋。

文檔

1.文檔類型使用html5標(biāo)準(zhǔn)文檔類型，文檔類型聲明之前，不允許出現(xiàn)任何非空字符。不允許添加<meta>強(qiáng)制改變文檔模式。

2.html元素上指定lang屬性。顯示頁(yè)面語(yǔ)言，有助于語(yǔ)言合成工具來確定怎樣發(fā)音，以及翻譯工具決定使用的規(guī)則，等等。

3.指定明確的字符編碼。讓瀏覽器輕松、快速的確定適合網(wǎng)頁(yè)內(nèi)容的渲染方式。

屬性

1.雙引號(hào)屬性值，不要使用單引號(hào)。

2.省略type屬性。使用style、link、script，不用指定type屬性，因?yàn)?text/css 和 text/javascript 分別是他們的默認(rèn)值。

3.省略Boolean屬性值。Boolean屬性不用添加取值，disabled,checked,selected等。

4.省略u(píng)rl類屬性資源協(xié)議頭。

5.屬性順序。html屬性應(yīng)該按照特定的順序出現(xiàn)以保證易讀性。class->id,name->data-*->src,for,type,href->title,alt->aria-*,role。

6.多媒體元素添加替代屬性。圖像增加alt屬性，音視頻增加替代文字。

元素

1.避免冗余標(biāo)簽。

2.避免JS生成標(biāo)簽。

3.段落文字應(yīng)該用p，避免使用br。

4.列表項(xiàng)放ul,ol,dl,不要使用一系列的div或p。

5.input使用for屬性綁定label。

6.使label標(biāo)簽包裹radio或checkbox和他們的文字，不用再使用for屬性。

8.form button應(yīng)制定type類型，使用type="submit"、type="reset"或type="button"。

參考: http://www.php100.com/html/it/qianduan/2015/0116/8389.html

CSS

全局：global.css

全局樣式為全站公用，為頁(yè)面樣式基礎(chǔ)，頁(yè)面中必須包含。

結(jié)構(gòu)：layout.css

頁(yè)面結(jié)構(gòu)類型復(fù)雜，并且公用類型較多時(shí)使用。多用在首頁(yè)級(jí)頁(yè)面和產(chǎn)品類頁(yè)面中。

私有：style.css

獨(dú)立頁(yè)面所使用的樣式文件，頁(yè)面中必須包含。

模塊 module.css

產(chǎn)品類頁(yè)面應(yīng)用，將可復(fù)用類模塊進(jìn)行剝離后，可與其它樣式配合使用。

主題 themes.css

實(shí)現(xiàn)換膚功能時(shí)應(yīng)用。

補(bǔ)丁 mend.css 基于以上樣式進(jìn)行的私有化修補(bǔ)。

CSS命名規(guī)范

頭：header

內(nèi)容：content/containe

尾：footer

導(dǎo)航：nav

側(cè)欄：sidebar

欄目：column

頁(yè)面外圍控制整體布局寬度：wrapper

左右中：left right center

登錄條：loginbar

標(biāo)志：logo

廣告：banner

頁(yè)面主體：main

熱點(diǎn)：hot

新聞：news

下載：download

子導(dǎo)航：subnav

菜單：menu

子菜單：submenu

搜索：search

友情鏈接：friendlink

頁(yè)腳：footer

版權(quán)：copyright

滾動(dòng)：scroll

內(nèi)容：content

標(biāo)簽頁(yè)：tab

文章列表：list

提示信息：msg

小技巧：tips

欄目標(biāo)題：title

加入：joinus

指南：guild

服務(wù)：service

注冊(cè)：regsiter

狀態(tài)：status

投票：vote

合作伙伴：partner

1.命名統(tǒng)一采用小寫

注意事項(xiàng)::

一律小寫;

盡量用英文;

不加中杠和下劃線;

盡量不縮寫，除非一看就明白的單詞.

class的命名:

(1)顏色:使用顏色的名稱或者16進(jìn)制代碼,如

.red { color: red; }

.f60 { color: #f60; }

.ff8600 { color: #ff8600; }

（2）字體大小,直接使用”font+字體大小”作為名稱,如

.font12px { font-size: 12px; }

.font9pt {font-size: 9pt; }

(3)對(duì)齊樣式,使用對(duì)齊目標(biāo)的英文名稱,如

.left { float:left; }

.bottom { float:bottom; }

(4)標(biāo)題欄樣式,使用”類別+功能”的方式命名,如

.barnews { }

.barproduct { }

XHTML文件中id的命名

(1)頁(yè)面結(jié)構(gòu)

容器: container

頁(yè)頭：header

內(nèi)容：content/container

頁(yè)面主體：main

頁(yè)尾：footer

導(dǎo)航：nav

側(cè)欄：sidebar

欄目：column

頁(yè)面外圍控制整體布局寬度：wrapper

左右中：left right center 

(2)導(dǎo)航

導(dǎo)航：nav

主導(dǎo)航：mainbav

子導(dǎo)航：subnav

頂導(dǎo)航：topnav

邊導(dǎo)航：sidebar

左導(dǎo)航：leftsidebar

右導(dǎo)航：rightsidebar

菜單：menu

子菜單：submenu

標(biāo)題: title

摘要: summary 

(3)功能

標(biāo)志：logo

廣告：banner

登陸：login

登錄條：loginbar

注冊(cè)：regsiter

搜索：search

功能區(qū)：shop

標(biāo)題：title

加入：joinus

狀態(tài)：status

按鈕：btn

滾動(dòng)：scroll

標(biāo)簽頁(yè)：tab

文章列表：list

提示信息：msg

當(dāng)前的: current

小技巧：tips

圖標(biāo): icon

注釋：note

指南：guild

服務(wù)：service

熱點(diǎn)：hot

新聞：news

下載：download

投票：vote

合作伙伴：partner

友情鏈接：link

版權(quán)：copyright

Javascript

使用駝峰標(biāo)記法

首字母是小寫的，接下來的字母都以大寫字符開頭。例如：

var testValue = 0, secondValue = "hi";

不要使用 switch

switch 在所有的編程語(yǔ)言中都是個(gè)非常錯(cuò)誤的難以控制的語(yǔ)句，建議用 if else 來替換它。

操作符（+，-，*，/，%）前后請(qǐng)加空格

例如

return x + y;

縮進(jìn)

使用兩個(gè)空格來代替tab

字符串

統(tǒng)一使用單引號(hào)(‘)，不使用雙引號(hào)(“)。這在創(chuàng)建 HTML 字符串非常有好處：

三元條件判斷（if 的快捷方法）

用三元操作符分配或返回語(yǔ)句。在比較簡(jiǎn)單的情況下使用，避免在復(fù)雜的情況下使用。沒人愿意用 10 行三元操作符把自己的腦子繞暈。

不推薦

if(x === 10) {

return 'valid';

} else {

return 'invalid';

}

推薦

return x === 10 ? 'valid' : 'invalid';

澄清：分號(hào)與函數(shù)

分號(hào)需要用在表達(dá)式的結(jié)尾，而并非函數(shù)聲明的結(jié)尾。區(qū)分它們最好的例子是：

var foo = function() {

return true;

}; // semicolon here.

function foo() {

return true;

} // no semicolon here.

每一次的記錄，都是向前邁進(jìn)的一步