一個(gè)符合Web標(biāo)準(zhǔn)的網(wǎng)站,首先其網(wǎng)頁能夠通過W3C的代碼驗(yàn)證。
W3C 提供了一個(gè)程序,可以幫助用戶驗(yàn)證其網(wǎng)站腳本各方面的語法。地址是http://www.w3.org/QA/Tools/#validators。目前本程序提供T HTML, XHTML,
CSS、RDF、P3P、XML等多種標(biāo)記語言的驗(yàn)證工具。如果您使用這些語言來構(gòu)建您的網(wǎng)站和應(yīng)用程序,您可以使用相關(guān)工具進(jìn)行語法驗(yàn)證。通過驗(yàn)證是學(xué)習(xí)Web標(biāo)準(zhǔn)的第一步。如果你設(shè)計(jì)的符合web標(biāo)準(zhǔn)的網(wǎng)站建設(shè)能夠通過W3C驗(yàn)證,那么就證明你的網(wǎng)頁在使用web標(biāo)準(zhǔn)的語法層面沒有問題。
僅僅為了通過W3C 驗(yàn)證而設(shè)計(jì)網(wǎng)頁是沒有價(jià)值的。符合web標(biāo)準(zhǔn)的另一個(gè)含義是利用web標(biāo)準(zhǔn)中的各種技術(shù),將網(wǎng)站性能與內(nèi)容完全分離,從根本上改變現(xiàn)有的網(wǎng)站結(jié)構(gòu)。為網(wǎng)站帶來創(chuàng)新的變化。我們認(rèn)為通過W3C認(rèn)證是學(xué)習(xí)和側(cè)測Web標(biāo)準(zhǔn)中技術(shù)語法掌握程度的基礎(chǔ)。要真正達(dá)到Web標(biāo)準(zhǔn),必須不斷學(xué)習(xí)和完善網(wǎng)站架構(gòu)設(shè)計(jì)各方面的經(jīng)驗(yàn),實(shí)現(xiàn)網(wǎng)站性能和內(nèi)容的分離。使用Web標(biāo)準(zhǔn)之后表格還有用嗎?
網(wǎng)上關(guān)于table和div的討論很多。很多web標(biāo)準(zhǔn)的初學(xué)者對于一開始從table布局到div布局的過渡,往往會(huì)有疑惑。這里我們討論表和一些相關(guān)的問題。1、關(guān)干表格
使用網(wǎng)絡(luò)標(biāo)準(zhǔn)并不意味著排除表格的使用。餐桌不是小菜一碟,相反是一場盛宴。之所以在很多關(guān)于css布局的教程中經(jīng)常提到“為什么使用表格布局是不明智的”這句話,可能是目前對表格的理解是錯(cuò)誤的。這里的“使用表格排版”是“未知”的,意思是我們用了幾年的bh經(jīng)驗(yàn),也就是使用表格來“排版”是未知的。表格歸根結(jié)底是一種展示數(shù)據(jù)的方法。大家可以對比一下【xcel電子表格,表格的作用就是達(dá)到這樣的效果,不是嗎?當(dāng)然。有時(shí)候,用表格來展示數(shù)據(jù)信息,可以讓我們清晰易讀,比如公司員工表、產(chǎn)品表等,一目了然。
所謂表格盛宴,是指使用表格的方便。也就是說,如果如然能夠靈活組合表格的各個(gè)單元格,合理展示客戶數(shù)據(jù)、調(diào)查數(shù)據(jù)等信息,那么表格的真正優(yōu)勢就足以體現(xiàn)出來了。
關(guān)于上面這句話,更正為“用表格作為網(wǎng)頁布局和布局頁面元素是不合理的,表格是用來展示數(shù)據(jù)的”。表格的作用不是對網(wǎng)頁進(jìn)行布局,這個(gè)任務(wù)應(yīng)該交給CSS。2.關(guān)于其他元素
根據(jù)我的經(jīng)驗(yàn),XHTML 標(biāo)準(zhǔn)中的一些元素被分為幾類。
第一類可以稱為輔助布局設(shè)計(jì)元素。
指div、span等元素,它們的主要作用是對整個(gè)頁面進(jìn)行布局。靈活運(yùn)用這些元素的各種屬性可以讓你的頁面豐富多彩。
第二類可以稱為結(jié)構(gòu)元素或信息元素。
指table、ul、pre、code等元素,是信息顯示和控制的元素。比如table顯然是用來顯示表狀態(tài)的數(shù)據(jù)信息,ul是用來顯示序列化信息的。當(dāng)您需要使用表格或列表時(shí),使用這兩個(gè)元素來實(shí)現(xiàn)它是明智的。
第三類是a,meta元素,可以用來實(shí)現(xiàn)一些特殊的功能,比如Qi上關(guān)鍵字的metakeyword,a作為鏈接使用。
那么,符合Web標(biāo)準(zhǔn)的標(biāo)記的正確應(yīng)用方式是什么?
使用div等布局元素進(jìn)行頁面的設(shè)計(jì)布局、定位、色塊、圖片等。使用table、ul等元素來展示頁面需要展示的數(shù)據(jù)和信息。
當(dāng)然,div還有整理信息的功能。使用div的id屬性可以方便的將一個(gè)div作為一個(gè)自命名的信息塊。使用web標(biāo)準(zhǔn)制作網(wǎng)站,其實(shí)就是一個(gè)信息合理化、整合化的過程。什么地方應(yīng)該用什么?元素還是用對了,只是不要把表格當(dāng)成布局工具,它的責(zé)任不在這里。
我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn),每一個(gè)項(xiàng)目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!