WEB標(biāo)準(zhǔn)和規(guī)范

1、“WEB標(biāo)準(zhǔn)”是一系列標(biāo)準(zhǔn)的總稱，包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以這里要跟大家指出來下，WEB標(biāo)準(zhǔn)不是我們所說的DIV+CSS。相對以前TABLE布局的優(yōu)勢節(jié)約成本采用WEB標(biāo)準(zhǔn)制作，我們可以做到表現(xiàn)很形式的分離，我們用XHTML來表現(xiàn)（數(shù)據(jù)），用CSS來控制（頁面元素呈現(xiàn)的）形式。這樣一來我們的（XHTML）頁面的體積就大大減小了，這樣你在帶寬上的費(fèi)用就會大家降低了，這個怎么降低的，你可以想象一下，YAHOO的首頁小1K,100W個人一起訪問，那么帶寬節(jié)約了多少？而且可以更充分的利用帶寬。易于維

2、護(hù)CSS控制了，所有的頁面元素的樣式，現(xiàn)在想改網(wǎng)站的整體風(fēng)格，你只需要花幾分鐘修改一下一個CSS文件，就可以輕松搞定了。維護(hù)的成本也下來了，提高頁面的訪問速度想象一下，YAHOO的首頁小1K,100W個人一起訪問，那么帶寬節(jié)約了多少？而且可以更充分的利用帶寬。用戶友好度采用WEB標(biāo)準(zhǔn)開發(fā)的頁面，結(jié)構(gòu)清晰，頁面體積小，瀏覽器兼容性好。普通用戶訪問的時候，頁面打開速度快，而且不管用戶使用那種瀏覽器，都能夠正常訪問（顯示）頁面，且頁面的結(jié)構(gòu)清晰，要找的數(shù)據(jù)可以很方便的瀏覽到。提高SEO搜索率對搜索引擎來說，一個好的采用WEB標(biāo)準(zhǔn)開發(fā)的頁面，都是做過SEO優(yōu)化的,它訪問起來很友好，很容易理解你的頁面中

3、哪里是標(biāo)題（H1H6標(biāo)簽），哪里是段落（p標(biāo)簽），哪里是段落里要強(qiáng)調(diào)的內(nèi)容（strong標(biāo)簽）等，它可以很容易的分析出來。而一個SEO好的站點，大家都知道，被搜索引擎收錄的機(jī)會更多,這個也意味著您的網(wǎng)站會被更多的普通用戶訪問到，給你的站點帶來更多的用戶。web頁面技巧1.(XHTML)標(biāo)簽只包含了很少（必要）的布局（XHTML）標(biāo)簽（請允許我這么說）。整個頁面基本都是由最基礎(chǔ)的h1h6、p、ul、ol、li、form、div標(biāo)簽來實現(xiàn)的。2結(jié)構(gòu)化h1h6-如果你要顯示的數(shù)據(jù)是作為標(biāo)題顯示的時候，就用這些標(biāo)簽，p-Paragraph（段落）ul-unorglizedlist（無序的列表）ol-o

4、rglizedlist（有序的列表）li-listitem（列表項）form-表單div-division（區(qū)域）strong來強(qiáng)調(diào)說明這部分文字盡量不要去過多的嵌套層，減少嵌套會讓我們的瀏覽器解析起來會更容易，速度更快。例如：vdivclass=XXxstrongx/strongx/div用來強(qiáng)調(diào)部分文字。標(biāo)題3table標(biāo)簽table標(biāo)簽是一個很好的用來顯示二維數(shù)據(jù)的標(biāo)簽，而table標(biāo)簽也確實是設(shè)計出來用來顯示數(shù)據(jù)的，而不是用來布局的，只是我們當(dāng)時的設(shè)計師們都用table標(biāo)簽來布局了。4盡量不要去過多的嵌套層大家想想，嵌套N多層，跟我們以前使用table設(shè)計時，table套table的區(qū)

5、別就不大了，而那種含有大量冗余信息的頁面，搜索引擎解析的時候也很費(fèi)力啊。所以我們現(xiàn)在有了WEB標(biāo)準(zhǔn)，就不要再去犯以前的錯誤了。5對LOGO的處理對SEO有些了解的朋友都知道，搜索引擎搜索關(guān)鍵字的時候，是先對XHTML標(biāo)簽里的標(biāo)簽的keyword部分的文字，然后就是標(biāo)題里的文字，接著就是正文中的h1h6標(biāo)簽，然后是strong標(biāo)簽中的文字。而我們網(wǎng)站的名稱，毫無疑問的會作為關(guān)鍵字的。用hl標(biāo)簽?zāi)M了vimg/標(biāo)簽的效果利用了text-indent、overflow:hidden;屬性以及display:block。我們把LOGO圖片作為hl標(biāo)簽的背景，然后用text-indent設(shè)置一個超大的負(fù)

6、值，然后結(jié)合overflow:hidden;屬性，讓hl標(biāo)簽里面的字都超出到它的布局范圍內(nèi)，overflow:hidden后就在hl標(biāo)簽里看不到文字了，而LOGO圖片背景顯示出來了。接著一個關(guān)鍵就是將a標(biāo)簽?zāi)M成圖片鏈接的效果。我們首先將a標(biāo)簽display屬性設(shè)置為block,強(qiáng)制將a標(biāo)簽顯示成塊級元素（塊級元素和行內(nèi)元素的知識我們下面馬上給大家介紹），給它設(shè)置布局大小，這樣我們a標(biāo)簽里就是一個塊了，而這個塊剛好是我們背景l(fā)ogo圖片的大小，讓你點擊的時候感覺是點的一個圖片鏈接，而我們的a標(biāo)簽是嵌套在hl標(biāo)簽里的，繼承了H1的text-indent屬性，里面的文字超出了a標(biāo)簽的布局范圍，沒有顯示出來，而顯示了圖片（其實是背景圖）。我們又給a標(biāo)簽添加了title屬性，來模仿img標(biāo)簽的alt屬性.標(biāo)簽有塊級元素和行內(nèi)元素之分塊級元素生成一個元素框，（默認(rèn)地）它會填充其父級元素的內(nèi)容，旁邊不能有*元素。理解的話就是說在文檔流中換行。我們最熟悉的HTML元素是p和div.行內(nèi)元素在一個文本行內(nèi)生成元素框，而不會打斷這行文本。行內(nèi)元素最好的例子就是XHTML中的a元素。strong和em也屬于行內(nèi)元素。7頁面的DOM