的用處）。但是知道什么是對什么是錯是很重要的。即使我們有時候不得不做一些錯事。

最后，我們想聲明的是，我們并不是"非圖片圓角"是無意義或是錯誤的。我們也很佩服作者的聰明和靈感。我們覺得這樣的技術(shù)研究就如同以前用CSS畫國旗 一樣，對CSS技術(shù)的熟練掌握很有幫助。但是，它的用途也應(yīng)該僅和CSS國旗一樣局限，不應(yīng)該在實際應(yīng)用中采納。因為它違反Web標準的基本原則。

2、HTML標簽的語義

如今Web標準都被通俗的叫做“div+css”或者“層布局”。我們不反對這種便宜行事的叫法。但是這樣會陷入一個誤區(qū)：即大量的使用div標簽作為結(jié)構(gòu)元素。事實上這是一種更高級的div濫用(Jeffrey Zeldman在《網(wǎng)站重構(gòu)》一書中提到）。

HTML為我們提供了相當豐富的標簽，每個標簽都有它各自的含義。我們認為在設(shè)計時，除了遵循HTML語法以外，應(yīng)該充分利用并遵守各標簽的“語 義”。如標題文字應(yīng)該包含在h1-h6中，大段的文字內(nèi)容應(yīng)該由

進行分段而不是
，列表項應(yīng)該放在ul或ol或dl中，表格形式的數(shù)據(jù)應(yīng)該仍然用table布局。

為什么要這樣做？一個很有說服力的原因是，保證在用戶去掉CSS顯示的情況下，網(wǎng)頁能夠盡量有效的將內(nèi)容的結(jié)構(gòu)層次顯示出來。如果全部用div，當去掉CSS之后，整個網(wǎng)頁就失去了層次，只剩下一些雜亂的文字碎片。這并不符合Web標準對低配置兼容性的要求。

我們下面詳細的列舉一下我們對一些標簽的語義的理解：

p br

先說個最簡單的。分段要用p標簽而不是用br（甚至連續(xù)兩個
）。這個似乎不用多說。但是有時候我們不得不放棄這個原則。一個常見的例子是論壇發(fā)帖，如果我們想分段，便打回車。而如此傳輸?shù)胶笈_并顯示出來 的，顯然就是用
分段的。

table th

由于大力宣揚div+css的結(jié)果，似乎現(xiàn)在誰用table布局誰就是未開化的土著。但我們認為這種觀點是不正確的。table的含義是表格，因 此凡是應(yīng)該以表格形式出現(xiàn)的數(shù)據(jù)，仍然應(yīng)該用table布局。簡單的例子是班級同學(xué)的花名冊，包括姓名學(xué)號性別等等，這明顯是一個表格形式的數(shù)據(jù)，因此應(yīng) 該用table布局。另一個比較值得探討的例子是，blog里面的日歷導(dǎo)航。我們曾經(jīng)有見過一個blog程序，它的日歷導(dǎo)航里的各個日期，從1號到30號全 用div套好，再使用float:left樣式7個一排的排出當月的日歷。當我們?nèi)∠麨g覽器的CSS顯示之后，日歷的那部分則從1號到30號一豎排下來。我們 認為這是不對的。因為日歷應(yīng)該是一個表格形式的數(shù)據(jù)，因此仍然應(yīng)該用table布局。當取消css之后，應(yīng)該仍然按照一排7個的樣子歸成一個表格。

th則是另一個會被忽視的標簽。由于CSS的萬能，所有的表格單元都可以用td加一個class屬性搞定。但是從語義上講，一些表格單元應(yīng)該用 th標簽。比如上文說到的日歷表格，里面的“MON TUE /WED... SUN”這些標識星期的單元，就應(yīng)該用th而不是td。

本文標題：Web標準網(wǎng)站建設(shè)的一些思考
分享路徑：http://aaarwkj.com/news44/282694.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)、網(wǎng)站排名、自適應(yīng)網(wǎng)站、軟件開發(fā)、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)