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。相對(duì)以前TABLE布局的優(yōu)勢(shì)節(jié)約成本采用WEB標(biāo)準(zhǔn)制作，我們可以做到表現(xiàn)很形式的分離，我們用XHTML來表現(xiàn)（數(shù)據(jù)），用CSS來控制（頁面元素呈現(xiàn)的）形式。這樣一來我們的（XHTML）頁面的體積就大大減小了，這樣你在帶寬上的費(fèi)用就會(huì)大家降低了，這個(gè)怎么降低的，你可以想象一下，YAHOO的首頁小1K,100W個(gè)人一起訪問，那么帶寬節(jié)約了多少？而且可以更充分的利用帶寬。易于維

2、護(hù)CSS控制了，所有的頁面元素的樣式，現(xiàn)在想改網(wǎng)站的整體風(fēng)格，你只需要花幾分鐘修改一下一個(gè)CSS文件，就可以輕松搞定了。維護(hù)的成本也下來了，提高頁面的訪問速度想象一下，YAHOO的首頁小1K,100W個(gè)人一起訪問，那么帶寬節(jié)約了多少？而且可以更充分的利用帶寬。用戶友好度采用WEB標(biāo)準(zhǔn)開發(fā)的頁面，結(jié)構(gòu)清晰，頁面體積小，瀏覽器兼容性好。普通用戶訪問的時(shí)候，頁面打開速度快，而且不管用戶使用那種瀏覽器，都能夠正常訪問（顯示）頁面，且頁面的結(jié)構(gòu)清晰，要找的數(shù)據(jù)可以很方便的瀏覽到。提高SEO搜索率對(duì)搜索引擎來說，一個(gè)好的采用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)簽）等，它可以很容易的分析出來。而一個(gè)SEO好的站點(diǎn)，大家都知道，被搜索引擎收錄的機(jī)會(huì)更多,這個(gè)也意味著您的網(wǎng)站會(huì)被更多的普通用戶訪問到，給你的站點(diǎn)帶來更多的用戶。web頁面技巧1.(XHTML)標(biāo)簽只包含了很少（必要）的布局（XHTML）標(biāo)簽（請(qǐng)?jiān)试S我這么說）。整個(gè)頁面基本都是由最基礎(chǔ)的h1h6、p、ul、ol、li、form、div標(biāo)簽來實(shí)現(xiàn)的。2結(jié)構(gòu)化h1h6-如果你要顯示的數(shù)據(jù)是作為標(biāo)題顯示的時(shí)候，就用這些標(biāo)簽，p-Paragraph（段落）ul-unorglizedlist（無序的列表）ol-o

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

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

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