在前端這方面可能很多非專業(yè)的前端人員，都不會(huì)注意寫代碼時(shí)的一些細(xì)節(jié)，甚至連一些從事這個(gè)行業(yè)的人也是一樣。下面小編就說(shuō)說(shuō)常犯的細(xì)節(jié)在哪里：

一、缺少網(wǎng)站必備的三要素

可能很多人做網(wǎng)站，都是直接用DW或者其它工具生成的網(wǎng)頁(yè)，網(wǎng)站只有一個(gè)title。而缺少keywords(關(guān)鍵詞)、description（描述）。為什么一個(gè)網(wǎng)頁(yè)要加這三要素呢？可能很多人都不是很明白。因?yàn)槲覀兯龀鰜?lái)的網(wǎng)站是為了做SEO優(yōu)化的，為了提升網(wǎng)站在百度和其它搜索引擎的排名。如果沒(méi)這三要素，請(qǐng)問(wèn)你的網(wǎng)站怎么去做排名，又怎么去盈利呢？

二、代碼方面

1、給代碼加注釋

身為一個(gè)專業(yè)的web前端人員，我認(rèn)為首先第一點(diǎn)：得為html代碼加注釋，為什么說(shuō)要給html代碼加注釋呢？是為了給后臺(tái)程序人員寫動(dòng)態(tài)網(wǎng)頁(yè)節(jié)省工作量，如果說(shuō)你整個(gè)網(wǎng)頁(yè)都沒(méi)加注釋，別人又怎么知道你這段代碼表示的是什么？別人還要重新去了解你這段代碼的意思是什么，是不是無(wú)意間給別人增加了工作量。

2、代碼命名

在代碼命名上，我們最好采用見(jiàn)名知意的英語(yǔ)單詞，或者拼音簡(jiǎn)寫來(lái)命名。讓別人第一眼看你帶就覺(jué)得你是一個(gè)專業(yè)的人士，而并非業(yè)余人員。比如：頭部：header 尾部：footer 內(nèi)容：content 關(guān)于我們：about....

3、代碼美化上

在代碼美化上，我覺(jué)得做到最好讓別人一眼就可以看出來(lái)你這塊是表明的是什么。

4、圖片優(yōu)化上

很多人可能對(duì)插入一張圖片，就只有一個(gè)src(引用地址)。而缺少其它三大屬性。一個(gè)標(biāo)簽，包含四大要素，分別為：src(引用地址)、width(寬度)、height（高度）、alt(描述)，alt描述也是最為重要的一點(diǎn)。因?yàn)樗阉饕娌蛔R(shí)別圖片，只有靠alt屬性來(lái)告訴搜索引擎這張圖片代表什么含義。同時(shí)也符合SEO優(yōu)化。

5、寫作規(guī)范上

1>、編寫代碼的時(shí)候，需要合理的縮進(jìn)(不要出現(xiàn)空格與Tab格混用)與注釋，HTML標(biāo)簽嵌套合理，CSS樣式按照順序書寫：顯示屬性——>自身屬性——文本>——其他>——>CSS3屬性放最后。

2>、HTML與CSS引號(hào)需要保持一致，禁止出現(xiàn)單引號(hào)與雙引號(hào)混用。

3>、使用position的時(shí)候，按照CSS編碼規(guī)范設(shè)置z-index的范圍。

4>、類名采用單詞(語(yǔ)義)命名，多個(gè)單詞采用中劃線連接。

還有很多需要注意的事項(xiàng)，小編就不一一列舉了。所以，要成為一個(gè)優(yōu)秀的前端開發(fā)工程師的，技能和實(shí)踐，缺一不可。