前兩天參加了公司組織的一個(gè)WD培訓(xùn)，有一節(jié)課講了標(biāo)簽語(yǔ)義化，聽(tīng)了之后感覺(jué)特別有用，更正了我以前對(duì) HTML 和 CSS 的錯(cuò)誤看法。

首先說(shuō)明的一點(diǎn)是，人可以通過(guò)視覺(jué)的劃分判斷內(nèi)容的語(yǔ)義,搜索引擎看到的只是代碼。搜索引擎只能通過(guò)標(biāo)簽來(lái)判斷內(nèi)容的語(yǔ)義。 以前我真的沒(méi)有怎么重視過(guò)搜索引擎，現(xiàn)在開(kāi)始比較在意了，因?yàn)轫?yè)面的很大一部分流量是來(lái)自搜索引擎的，要使頁(yè)面盡可能地對(duì)搜索引擎友好，所以就要盡可能地使標(biāo)簽語(yǔ)義化。

以前以我對(duì)web開(kāi)發(fā)的粗淺理解，覺(jué)得寫(xiě)一個(gè)好的符合標(biāo)準(zhǔn)的頁(yè)面只需要把結(jié)構(gòu)和表現(xiàn)分離，然后不要使用table，font等標(biāo)簽就行了，至于通篇都是div我也不會(huì)覺(jué)得有什么問(wèn)題，因?yàn)镃SS很強(qiáng)大。但是，所有的標(biāo)簽都是有自己的語(yǔ)義的，下面給出一部分標(biāo)簽的語(yǔ)義：

div 語(yǔ)義：Division(分隔)

span 語(yǔ)義：Span(范圍)

ol 語(yǔ)義：Ordered List(排序列表)

ul 語(yǔ)義：Unordered List(不排序列表)

li 語(yǔ)義：List Item(列表項(xiàng)目)

…………

如果無(wú)視標(biāo)簽語(yǔ)義和默認(rèn)樣式，所有標(biāo)簽都用div，其實(shí)也是可以寫(xiě)出來(lái)視覺(jué)效果很好的頁(yè)面，只要你靈活運(yùn)用CSS。但是那樣的話雖然視覺(jué)上達(dá)到了要求，但是整個(gè)頁(yè)面一點(diǎn)語(yǔ)義都沒(méi)有，搜索引擎還是看不懂。所以，要記?。?/p>

結(jié)構(gòu)(html)才是重點(diǎn)，樣式(css)是用來(lái)修飾結(jié)構(gòu)的。所以，要先確定html，確定標(biāo)簽，再來(lái)選用合適的css。

一般來(lái)說(shuō)，所有的標(biāo)簽都會(huì)有一個(gè)默認(rèn)的樣式，所以一個(gè)簡(jiǎn)單的判斷網(wǎng)頁(yè)標(biāo)簽語(yǔ)義是否良好的方法就是：去掉樣式，看網(wǎng)頁(yè)結(jié)構(gòu)是否組織良好有序，是否仍然有很好的可讀性。

另外，值得重點(diǎn)提及的是h標(biāo)簽，h標(biāo)簽的語(yǔ)意是標(biāo)題，搜索引擎對(duì)這個(gè)標(biāo)簽比較敏感，特別是h1,和h2。一個(gè)語(yǔ)義良好的頁(yè)面，h標(biāo)簽應(yīng)該是完整有序沒(méi)有斷層的。也就是說(shuō)，要h1,h2,h3,h4這樣推下來(lái)，不要h1,h3,h4，漏掉h2。一個(gè)結(jié)構(gòu)良好的網(wǎng)頁(yè)，h標(biāo)簽可以組織起一個(gè)網(wǎng)頁(yè)的大綱。

以上這些東西都是WD的工程師阿當(dāng)講的，我受益匪淺，加深了對(duì)html的理解。HTML 雖然很簡(jiǎn)單，但是要用好也是很不容易的。

當(dāng)前標(biāo)題：加深對(duì)HTML和CSS標(biāo)簽語(yǔ)義化的理解
網(wǎng)站鏈接：http://www.rwnh.cn/news/96290.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、外貿(mào)建站、網(wǎng)站維護(hù)、關(guān)鍵詞優(yōu)化、網(wǎng)站營(yíng)銷(xiāo)、小程序開(kāi)發(fā)

廣告

聲明：本網(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)