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

一、缺少網站必備的三要素

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

二、代碼方面

1、給代碼加注釋

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

2、代碼命名

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

3、代碼美化上

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

4、圖片優化上

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

5、寫作規范上

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

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

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

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

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