主頁 > 知識庫 > 標準化你的網(wǎng)頁

標準化你的網(wǎng)頁

熱門標簽:外呼系統(tǒng)號碼顯示 南昌crm外呼系統(tǒng)如何 什么行業(yè)需要電話機器人 車載電話機器人 無錫電銷外呼系統(tǒng)代理 天津企業(yè)外呼系統(tǒng)代理商 中山外呼系統(tǒng)中間件 地圖標注多家店 廣州ai外呼系統(tǒng)業(yè)務

Web標準是越來越突出了,現(xiàn)在建站都講究個符合標準,通過W3C的XHTML和CSS驗證,那么怎樣才能做出一個符合標準的站點呢,下面是我在BLOG重構和制作OSdev Resource過程中的一些經(jīng)驗^_^。

去網(wǎng)頁設計師看一些有關Web標準方面的文章

雖然w3.org更權威,但對于母語是中文的我們來說,這個更容易看懂:)個人覺得比去w3.org看那些滿屏的E文舒服。可以在這里找到很多有關XTHML,DIV+CSS布局,CSS技巧等的文章。還有站長阿捷寫的《循序漸進》的教程,介紹了怎么一步一步來制作一個符合標準的網(wǎng)站。

丟掉table,采用div+css布局

這似乎是設計一個符合標準的網(wǎng)頁首先應該做到的了:),DIV+CSS布局也是一種趨勢。用DIV+CSS布局可以參考w3cn.org的文章:CSS基本布局16例,典型的三行二列居中高度自適應布局。

關閉標簽

在以前,可能我們并不注意關閉標簽這個問題,例如img,p等,在用這些標簽時往往只用了開頭,而沒有正確的關閉它。通常情況,我們是這樣用img的:

img src="sample.gif">

但是在XHTML中,不允許這樣的情況存在,而是應該關閉它:

img src="sample.gif" />

再者如段落標記p>,以前用它都是直接一個p>,而沒有想過在段落結束時加上/p>,這在XHTML也是不允許的。

正確嵌套標簽

瀏覽器的容錯性使得我們在編寫了一個不符合規(guī)則的網(wǎng)頁也能得到正確的顯示效果,如用

p>b>sample/p>b>

并沒有什么問題,同樣的,這在XHTML中是不被允許的。XHTML從XML而來,而XML必須具有結構性,所以嵌套標簽時,必須一層一層嵌套,而不能交錯。

正確設置字符集

似乎沒有什么大關系,但設置好字符集更有利于瀏覽器對文檔的解析。

圖片的對齊

在XHTML中,align屬性只能是left、middle、right或者top、middle、bottom這三個值中的一個,而很多時候我們需要圖片與文本絕對中間對齊,即用absmiddle。使用XHTML之后,就要丟掉這個屬性了,解決方法?我也不知道,不過網(wǎng)頁設計師里有文章有提到這個問題,我在BLOG重構時,把圖片對齊一律設為top,顯示效果也還過得去。

處理鏈接中的

動態(tài)網(wǎng)站中在用GET方法傳參時,如果有多個參數(shù),就會用到來連接各個參數(shù),但在XHTML中如果有就意味之后是一個實體,但是應該沒有人會把參數(shù)名取nbsp、lt、gt這樣的吧。在XHTML中規(guī)定所有不是實體的必須轉換成,如果不進行轉換的話,在進行W3C校驗時就會報錯找不到實體。

其實個人感覺按照標準來制作網(wǎng)站比按傳統(tǒng)方式來制作網(wǎng)站輕松很多,因為結構與內(nèi)容分離,在改變顯示效果時不需要整個頁面重新做過,只需要在CSS中重寫樣式就行了。而且方便以后改版什么的,再者如Fdream的FBS,無刷新?lián)Q膚,不錯的東東~~

標簽:海西 呂梁 仙桃 佛山 欽州 泰州 攀枝花 滄州

巨人網(wǎng)絡通訊聲明:本文標題《標準化你的網(wǎng)頁》,本文關鍵詞  標準化,你的,網(wǎng)頁,標準化,;如發(fā)現(xiàn)本文內(nèi)容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《標準化你的網(wǎng)頁》相關的同類信息!
  • 本頁收集關于標準化你的網(wǎng)頁的相關信息資訊供網(wǎng)民參考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章