良構(gòu)和有效性檢查是基本的語法約束保證，接下來要保證語義是恰當(dāng)?shù)摹?/span>
具體實現(xiàn)方法：
1，加入過渡型DOCTYPE聲明
過渡式DTD讓你不必要完全語義標(biāo)記就能讓文檔通過驗證，并且他允許包含i,b和center等這些不推薦使用的表現(xiàn)性元書，因此，在進一步改善文檔的語義之前，你可以找出比修復(fù)更嚴(yán)重的結(jié)構(gòu)問題。
2，刪除所有不存在的標(biāo)簽
3，用CSS替代center，i，font等不被推薦或棄用的標(biāo)簽。
4，把行內(nèi)（inline）元素，放在塊（block）元素中
要做到有效，文檔中所有元素是有效的嚴(yán)格性XHTML元素還不夠，還必須保證它們之間的正確關(guān)系，瀏覽器和其他程序處理XHTML需要依賴元素間的正確位置。
布局
1，熟悉元素語義
每一個元素都應(yīng)各司其職：ul是無序列表，ol是有序列表，table是表格式數(shù)據(jù)，blockquote是應(yīng)用，h1~h6是標(biāo)題等。恰當(dāng)?shù)恼Z義元素有助于屏幕閱讀器呈現(xiàn)更容易理解的結(jié)構(gòu)，也能保證不同平臺間正確顯示。對于初學(xué)者，很多本來語義良好的元書，如ul,blockquote,table等，被濫用與實現(xiàn)某種特定布局效果。這些濫用的目的是給網(wǎng)頁生成特定的外觀，然而這些外觀難以跨瀏覽器，幾乎除了設(shè)計者自己的電腦，通常很多地方都不通用的。
2，替換表格布局
基于CSS的頁面比基于表格的頁面更小更簡單。
a)編寫和編輯更容易，下載更快，
b)通過轉(zhuǎn)向CSS，可以節(jié)省帶寬。同時外聯(lián)的css文件可以緩存和重用，不必隨每次頁面的下載又重下一次。
取代濫用本用于呈現(xiàn)表格數(shù)據(jù)的table元素而使用表格布局，可以考慮頻繁使用的分欄式布局：
1）兩欄，左側(cè)固定寬度的側(cè)欄，右邊是彈性寬度的內(nèi)容欄
2）三欄，左右各固定寬度的側(cè)欄，中間是內(nèi)容。
當(dāng)然我們的頁面也需要漂亮的外觀，以幫助我們在競爭中脫穎而出。這可以通過在獨立的CSS樣式中放置有關(guān)表現(xiàn)的信息來實現(xiàn)。CSS用來描述網(wǎng)頁的外觀，而瀏覽器可以自由選擇不同的樣式表或是修改過的樣式表。實際上，你可以為不同的瀏覽器隨意發(fā)送不同的樣式表，也可以為它們獨特的能力量身定制。這是響應(yīng)式設(shè)計的基本實現(xiàn)方法。
“響應(yīng)式網(wǎng)頁不僅僅是響應(yīng)不同類型的設(shè)備，而且需要響應(yīng)不同的用戶需求。響應(yīng)式的初衷是為了讓信息更好的傳遞交流，讓所有人無障礙的獲取信息，同時這也是 Web 的初衷。”
出于方便或者是自身的編碼習(xí)慣，在修改某種被更改的需求的樣式代碼時候，我們很容易在html代碼中直接鑲嵌樣式代碼。這樣的做法除了更快的完成你暫時的任務(wù)之外沒有任何好處。
4，使用CSS定位替代框架
網(wǎng)站使用框架的理由實際上就兩種：
（1）為所有頁面引入相同的靜態(tài)內(nèi)容，而不用單獨編輯每個頁面。例如導(dǎo)航，網(wǎng)頁頭部尾部。也就是說，單獨的非框架頁面可能比相應(yīng)的框架頁面更耗帶寬，因為框架內(nèi)容每次都要給客戶端重新發(fā)送內(nèi)容。
（2）顯示多欄外觀。例如Java API，包含包和類的列表，主體內(nèi)容
然而，過多使用框架將降低可用性：
（1）難以標(biāo)記數(shù)千或返回指定頁面
（2）難以保存和打印頁面
（3）過多的滾動條占據(jù)屏幕的寶貴空間
在每一個頁面上都有導(dǎo)航和其他相同或幾乎相同的內(nèi)容，對網(wǎng)站來說是非常普遍的，使用CSS取代框架，關(guān)鍵在于設(shè)立對應(yīng)每個框架的div，每個div內(nèi)容是對應(yīng)框架里的文檔內(nèi)容。然而，這樣做的問題在于，它違反了DRY原則（Don't Repeat Youself,別重復(fù)你自己），對于相同的內(nèi)同，雖然有時候只是很小的變化，但還是需要不斷在這一頁那一頁重復(fù)出現(xiàn)。重復(fù)內(nèi)容通常也是代碼的壞味道。框架在靜態(tài)頁面上避免惡劣不必要的重復(fù)，我提倡清晰，可維護的代碼，在不損害用戶界面的前提下，我更愿意選擇難看的代碼而不是難看的用戶界面。日常中原始的HTML是重復(fù)的，但不是我們必須編輯的，很多時候我們可以通過后臺自動生成重復(fù)內(nèi)容。
5，正確標(biāo)記列表
正確標(biāo)記列表能夠提升可訪問性，通常我們在列表中實現(xiàn)跳轉(zhuǎn)和導(dǎo)航。
6，為圖片添加width和height屬性
width和height屬性能讓瀏覽器更快地樣式化頁面并展現(xiàn)給用戶。但注意，這樣做，對頁面的顯示速度有提升，但對下載速度并沒有幫助。
出于一般項目開發(fā)觸覺，改變圖片的尺寸意味著要修改HTML，否則圖片會奇怪地變大變小。如果需要經(jīng)常改變圖片，比如設(shè)計頁面是，最好是在最后的階段插入確定的寬度和高度。
