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

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

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

二、代碼方面

1、給代碼加注釋

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

2、代碼命名

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

3、代碼美化上

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

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

很多人可能對插入一張圖片，就只有一個src(引用地址)。而缺少其它三大屬性。一個標(biāo)簽，包含四大要素，分別為：src(引用地址)、width(寬度)、height（高度）、alt(描述)，alt描述也是最為重要的一點。因為搜索引擎不識別圖片，只有靠alt屬性來告訴搜索引擎這張圖片代表什么含義。同時也符合SEO優(yōu)化。

5、寫作規(guī)范上

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

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

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

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

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