1.H5文檔link丰辣,script不需要加type屬性
2.低版本瀏覽器兼容問題:
(1)PC端 H5新標(biāo)簽盡量不用,不如header,footer,nav,采用加類名概耻;
(2)CSS選擇器 nth-of-type不使用猫缭,改為加類名麻养;
3.標(biāo)簽語義化越庇,P標(biāo)簽罩锐,span,strong,H標(biāo)簽要使用合理卤唉;
4.html模塊化涩惑;
6.內(nèi)容超出,以省略號顯示搬味;
7.a鏈接嵌套要合適境氢,避免行元素包含塊元素蟀拷;
8.浮動之后要清浮動碰纬;
9.子元素共有的屬性,可以直接設(shè)置父級就行问芬;
10.分為內(nèi)外屏悦析,采取加CLASS名,.ww .w 內(nèi)屏有最大寬度此衅;
11.可以通過同時(shí)寫上并列的兩個(gè)class名强戴,精準(zhǔn)控制CSS樣式亭螟;
12.使用標(biāo)簽包裹radio或checkbox和他們的文字,不用再使用for屬性骑歹;
13.有效使用预烙、、道媚、(scope屬性)扁掸。可以把放前提高加載速度最域。
14.特殊符號盡可能使用代碼替代谴分。常用特殊符號如下。
(1)¥:¥ 人民幣符號元
(2)?:? 版權(quán)
(3)?: ? 注冊商標(biāo)
(4)?: ? 商標(biāo)TM
(5)·: · 間隔符號
(6)“: " 雙引號
(7)&: & &符
(8)<: < 小于號
(9)>: > 大于號
(10): ? 半角空格
(11)×:× 乘號
(12)÷: ÷ 除號
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以內(nèi)沙兰,可以使用一些在線的圖片壓縮工具。如:圖好快匿刮;
19.標(biāo)題 用圖片的 將文字寫在alt屬性里面僧凰;
20.鏈接要有明顯的樣式;
21.按鈕添加交互效果熟丸;
22.圖片太大训措,設(shè)置圖片的最大值max-width,防止超出變形;
23.JS統(tǒng)一寫在 $(document).ready(function(){ }); 里面
24.設(shè)置的行高 要大于字體大小光羞;
25.所有的圖片 加上 alt屬性绩鸣;
26.js代碼 后面都需要加上 “;”號纱兑;
27.背景圖過大呀闻,可以選擇切一部分然后平鋪;
h*標(biāo)簽下面 如果用圖片的話 alt屬性要寫潜慎;
29.定位z-index數(shù)值不能超過最外層的彈窗捡多;
30.用絕對定位的時(shí)候,top,left值必須寫铐炫;
31.用a標(biāo)簽包裹塊元素時(shí)垒手,給a加上屬性 display:block;