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