Web標準是越來越突出了，現在建站都講究個符合標準，通過W3C的XHTML和CSS驗證，那么怎樣才能做出一個符合標準的站點呢，下面是我在BLOG重構和制作OSdev Resource過程中的一些經驗^_^。
去網頁設計師看一些有關Web標準方面的文章
雖然w3.org更權威，但對于母語是中文的我們來說，這個更容易看懂：）個人覺得比去w3.org看那些滿屏的E文舒服?？梢栽谶@里找到很多有關XTHML，DIV+CSS布局，CSS技巧等的文章。還有站長阿捷寫的《循序漸進》的教程，介紹了怎么一步一步來制作一個符合標準的網站。
丟掉table，采用div+css布局
這似乎是設計一個符合標準的網頁首先應該做到的了：），DIV+CSS布局也是一種趨勢。用DIV+CSS布局可以參考w3cn.org的文章：CSS基本布局16例，典型的三行二列居中高度自適應布局。
關閉標簽
在以前，可能我們并不注意關閉標簽這個問題，例如img，p等，在用這些標簽時往往只用了開頭，而沒有正確的關閉它。通常情況，我們是這樣用img的：
但是在XHTML中，不允許這樣的情況存在，而是應該關閉它：
再者如段落標記
，以前用它都是直接一個
，而沒有想過在段落結束時加上
，這在XHTML也是不允許的。正確嵌套標簽
瀏覽器的容錯性使得我們在編寫了一個不符合規則的網頁也能得到正確的顯示效果，如用
sample
并沒有什么問題，同樣的，這在XHTML中是不被允許的。XHTML從XML而來，而XML必須具有結構性，所以嵌套標簽時，必須一層一層嵌套，而不能交錯。
正確設置字符集
似乎沒有什么大關系，但設置好字符集更有利于瀏覽器對文檔的解析。
圖片的對齊
在XHTML中，align屬性只能是left、middle、right或者top、middle、bottom這三個值中的一個，而很多時候我們需要圖片與文本絕對中間對齊，即用absmiddle。使用XHTML之后，就要丟掉這個屬性了，解決方法？我也不知道，不過網頁設計師里有文章有提到這個問題，我在BLOG重構時，把圖片對齊一律設為top，顯示效果也還過得去。
處理鏈接中的&
動態網站中在用GET方法傳參時，如果有多個參數，就會用到&來連接各個參數，但在XHTML中如果有&就意味之后是一個實體，但是應該沒有人會把參數名取nbsp、lt、gt這樣的吧。在XHTML中規定所有不是實體的&必須轉換成&，如果不進行轉換的話，在進行W3C校驗時就會報錯找不到實體。
其實個人感覺按照標準來制作網站比按傳統方式來制作網站輕松很多，因為結構與內容分離，在改變顯示效果時不需要整個頁面重新做過，只需要在CSS中重寫樣式就行了。而且方便以后改版什么的，再者如Fdream的FBS，無刷新換膚，不錯的東東～～
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 51dongshi.com 版權所有
違法及侵權請聯系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務所王興未律師提供法律服務
