前端工做注意事項（PC端）

1.H5文檔link，script不須要加type屬性
2.低版本瀏覽器兼容問題：
（1）PC端 H5新標籤儘可能不用，不如header,footer,nav,採用加類名；
（2）CSS選擇器 nth-of-type不使用，改成加類名；
3.標籤語義化，P標籤，span,strong，H標籤要使用合理；
4.html模塊化；
6.內容超出，以省略號顯示；
7.a連接嵌套要合適，避免行元素包含塊元素；
8.浮動以後要清浮動；
9.子元素共有的屬性，能夠直接設置父級就行；
10.分爲內外屏，採起加CLASS名，.ww .w 內屏有最大寬度；
11.能夠經過同時寫上並列的兩個class名，精準控制CSS樣式；
12.使用<label>標籤包裹radio或checkbox和他們的文字，不用再使用for屬性；
13.有效使用<thead>、<tfoot>、<tbody>、<th>（scope屬性）。能夠把<tfoot>放<tbody>前提升加載速度。
14.特殊符號儘量使用代碼替代。經常使用特殊符號以下。
¥：&yen; 人民幣符號元
©：&copy; 版權
®： &reg; 註冊商標
™： &trade; 商標TM
·： &middot; 間隔符號
「： &quot; 雙引號
&： &amp; &符
<： &lt; 小於號
>： &gt; 大於號
： &nbsp; 半角空格
×：&times; 乘號
÷： &divide; 除號
15.爲選擇器中的屬性添加單引號。eg：input[type='text']。
16.爲引用的圖片、文件等添加單引號。eg：background:url('../images/logo.png');
17.css hack
    IE6：_
    IE6/7： *
    IE7/Firefox：!important
    IE7：*+
    IE6/7/8：\9
    IE8：\0
18.儘可能將圖片大小控制在200K之內，能夠使用一些在線的圖片壓縮工具。如：圖好快；
19.標題 用圖片的 將文字寫在alt屬性裏面；
20.連接要有明顯的樣式；
21.按鈕添加交互效果；
22.圖片太大，設置圖片的最大值max-width,防止超出變形;
23.JS統一寫在 $(document).ready(function(){ }); 裏面
24.設置的行高 要大於字體大小；
25.全部的圖片 加上 alt屬性；
26.js代碼 後面都須要加上 「；」號；
27.背景圖過大，能夠選擇切一部分而後平鋪；
28. h*標籤下面 若是用圖片的話 alt屬性要寫；
29.定位z-index數值不能超過最外層的彈窗；
30.用絕對定位的時候，top,left值必須寫；
31.用a標籤包裹塊元素時，給a加上屬性 display:block；