合理利用HTML標(biāo)記優(yōu)化網(wǎng)頁(yè)布局

我們一直在講CSS網(wǎng)頁(yè)布局代碼的優(yōu)化，在以往的文章中，也一直強(qiáng)調(diào)語(yǔ)義和文檔的結(jié)構(gòu)。隨著國(guó)外對(duì)WEB標(biāo)準(zhǔn)的推廣，有些新手認(rèn)為，web2.0就是把以前的table布局都改為DIV+CSS布局就是web2.0。其實(shí)不然， 我們要合理利用這些標(biāo)簽。 有一點(diǎn)值得引起注意，那就是在 web 開(kāi)發(fā)人員圈子里通常被稱(chēng)為“div-itis”的對(duì) div 元素的濫用現(xiàn)象。

通過(guò)大量的嵌套 div 或 span 元素來(lái)添加樣式確實(shí)很方便，但還是應(yīng)盡量避免這種誘惑。在多數(shù)情況下，為文檔內(nèi)現(xiàn)有元素附加樣式或 JavaScript 功能是可以做到不必引入 div 或 span 元素的。作為通用容器的 div 或 span 元素應(yīng)作為最后的手段使用——也就是說(shuō)，最好是先盡量以語(yǔ)義化元素來(lái)編寫(xiě)網(wǎng)頁(yè)，僅在確實(shí)需要時(shí)才加入通用容器元素。 所以我們要：優(yōu)化 優(yōu)化 再優(yōu)化 精簡(jiǎn)和優(yōu)化CSS網(wǎng)頁(yè)布局代碼

我要多用一些語(yǔ)義性標(biāo)簽，但是也要對(duì)號(hào)入座，標(biāo)簽語(yǔ)義要用對(duì)。

HTML元素的語(yǔ)義類(lèi)別

結(jié)構(gòu) 這些元素的語(yǔ)義定義了他們?cè)谖臋n中扮演著的結(jié)構(gòu)的角色

div span ol,ul,li,dl,dt,dd del,ins h1..h6 p 內(nèi)容 這些元素的語(yǔ)義定義了在文檔中表示內(nèi)容標(biāo)記的語(yǔ)義

a abbr acronym address blockquote cite code dfn kbd q samp var

修飾形容 這些元素起到對(duì)內(nèi)容的修飾和形容

strong em

" Once you've completed your markup, go over it two more times and find ways to reduce the number of elements on the page. Does that UL really need its own wrapping div? I think not. "

注意您的樣式表 當(dāng)我們的網(wǎng)頁(yè)內(nèi)容做得很多的時(shí)候，樣式表文件的代碼也隨著龐大和臃腫起來(lái)。 我們也慢慢感覺(jué)到，有些地方不合理或重復(fù)定義。 這就是你對(duì)CSS選擇符應(yīng)用上出現(xiàn)問(wèn)題了，靈活使用這些CSS選擇符是使用CSS控制網(wǎng)頁(yè)的基礎(chǔ)，CSS選擇符也是CSS學(xué)習(xí)的重點(diǎn)和難點(diǎn)。 我們是否應(yīng)在設(shè)計(jì)的開(kāi)始應(yīng)該合理應(yīng)用這些CSS選擇符那？ 關(guān)于CSS選擇符的分類(lèi)，使用，定義，由于內(nèi)容之大我就不說(shuō)了，一些關(guān)于CSS樣式表的優(yōu)化技巧的文章學(xué)習(xí)一下

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

標(biāo)題名稱(chēng)：合理利用HTML標(biāo)記優(yōu)化網(wǎng)頁(yè)布局
文章來(lái)源：http://www.muchs.cn/news5/312905.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、品牌網(wǎng)站制作、建站公司、云服務(wù)器、網(wǎng)站營(yíng)銷(xiāo)、關(guān)鍵詞優(yōu)化

廣告

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