“響應(yīng)式網(wǎng)頁(yè)不僅僅是響應(yīng)不同類型的設(shè)備，而且需要響應(yīng)不同的用戶需求。響應(yīng)式的初衷是為了讓信息更好的傳遞交流，讓所有人無(wú)障礙的獲取信息，同時(shí)這也是 Web 的初衷?！?/span>
出于方便或者是自身的編碼習(xí)慣，在修改某種被更改的需求的樣式代碼時(shí)候，我們很容易在html代碼中直接鑲嵌樣式代碼。這樣的做法除了更快的完成你暫時(shí)的任務(wù)之外沒(méi)有任何好處。
4，使用CSS定位替代框架
網(wǎng)站使用框架的理由實(shí)際上就兩種：
（1）為所有頁(yè)面引入相同的靜態(tài)內(nèi)容，而不用單獨(dú)編輯每個(gè)頁(yè)面。例如導(dǎo)航，網(wǎng)頁(yè)頭部尾部。也就是說(shuō)，單獨(dú)的非框架頁(yè)面可能比相應(yīng)的框架頁(yè)面更耗帶寬，因?yàn)榭蚣軆?nèi)容每次都要給客戶端重新發(fā)送內(nèi)容。
（2）顯示多欄外觀。例如Java API，包含包和類的列表，主體內(nèi)容
然而，過(guò)多使用框架將降低可用性：
（1）難以標(biāo)記數(shù)千或返回指定頁(yè)面
（2）難以保存和打印頁(yè)面
（3）過(guò)多的滾動(dòng)條占據(jù)屏幕的寶貴空間
在每一個(gè)頁(yè)面上都有導(dǎo)航和其他相同或幾乎相同的內(nèi)容，對(duì)網(wǎng)站來(lái)說(shuō)是非常普遍的，使用CSS取代框架，關(guān)鍵在于設(shè)立對(duì)應(yīng)每個(gè)框架的div，每個(gè)div內(nèi)容是對(duì)應(yīng)框架里的文檔內(nèi)容。然而，這樣做的問(wèn)題在于，它違反了DRY原則（Don't Repeat Youself,別重復(fù)你自己），對(duì)于相同的內(nèi)同，雖然有時(shí)候只是很小的變化，但還是需要不斷在這一頁(yè)那一頁(yè)重復(fù)出現(xiàn)。重復(fù)內(nèi)容通常也是代碼的壞味道。框架在靜態(tài)頁(yè)面上避免惡劣不必要的重復(fù)，我提倡清晰，可維護(hù)的代碼，在不損害用戶界面的前提下，我更愿意選擇難看的代碼而不是難看的用戶界面。日常中原始的HTML是重復(fù)的，但不是我們必須編輯的，很多時(shí)候我們可以通過(guò)后臺(tái)自動(dòng)生成重復(fù)內(nèi)容。
5，正確標(biāo)記列表
正確標(biāo)記列表能夠提升可訪問(wèn)性，通常我們?cè)诹斜碇袑?shí)現(xiàn)跳轉(zhuǎn)和導(dǎo)航。
6，為圖片添加width和height屬性
width和height屬性能讓瀏覽器更快地樣式化頁(yè)面并展現(xiàn)給用戶。但注意，這樣做，對(duì)頁(yè)面的顯示速度有提升，但對(duì)下載速度并沒(méi)有幫助。
出于一般項(xiàng)目開(kāi)發(fā)觸覺(jué)，改變圖片的尺寸意味著要修改HTML，否則圖片會(huì)奇怪地變大變小。如果需要經(jīng)常改變圖片，比如設(shè)計(jì)頁(yè)面是，最好是在最后的階段插入確定的寬度和高度。
