武林網(wǎng)(www.survivalescaperooms.com)文章簡介：語義化標(biāo)簽的實戰(zhàn)意義.

Php工程師：“無所謂什么語義化，只要邏輯正確，不影響我循環(huán)數(shù)據(jù)”
項目管理人員：“我更看重在最短的時間，實現(xiàn)我的需求，至于語義化不是我們關(guān)心的，只要別耽誤項目時間，你們怎么優(yōu)化都行 ”
設(shè)計師：“什么是語義化？”
市場銷售人員：“客戶滿意就行，客戶滿意我們才能贏利”

這些聲音時常充斥在我們的耳邊，雖有些片面，但似乎還是挺有道理的，可站在自己的立場上（一個頁面重構(gòu)人員），基于這些現(xiàn)實條件，我們要如何權(quán)衡，語義化和現(xiàn)實工作之間的關(guān)系？我們該怎么做呢？

先解釋幾個名詞，我們再來討論在實際工作中如何處理這些問題。

首先解釋一下什么是語義化？

“語義化是指用合理HTML標(biāo)記以及其特有的屬性去格式化文檔內(nèi)容。

語義化的(X)HTML文檔有助于提升你的網(wǎng)站對訪客的易用性，比如使用PDA、文字瀏覽器以及殘障人士將從中受益。對于搜索引擎或者爬蟲軟件來說，則有助于它們建立索引，并可能給予一個較高的權(quán)值。

事實上SEO最有效的一種辦法，就是對網(wǎng)頁的HTML結(jié)構(gòu)進行重構(gòu)，實質(zhì)上就是語義化。”

語義化存在的意義

例如

 
<div class= " wrapper ">
<div class= " main"> …</div>
<div class= " sidebar">…</div>
</div>

很容易通過好的命名和清晰的結(jié)構(gòu)看懂這些代碼

接下來咱們拋開這些理論，討論幾個我們常見的結(jié)構(gòu),

恩，這個是新聞列表，平常工作中，你怎么寫結(jié)構(gòu)？

大家都不假思索的考慮用li來實現(xiàn)吧


<div class="module">
<h3>國際新聞每日排行</h3>
<ul>
<li><img src="http://www.survivalescaperooms.com/uploads/allimg/130801/0U2555Y7_0.jpg" />

看到這個圖，我們首先考慮的是程序循環(huán)，然后在腦海中構(gòu)思用什么標(biāo)簽來搭建結(jié)構(gòu)，我繼續(xù)使用li，其實我很矛盾，從語義化講的列表到底是個什么范疇，如果不用li，又該怎么寫呢，我們先寫寫看

方式一：
<div class="hotUserList">
<ul>
<li><img src="1.pic" src="http://www.survivalescaperooms.com/uploads/allimg/130801/0U2513a4_0.jpg" />

再回頭看看上面的圖片， 好像涉及到邏輯循環(huán)的，無論大小我們都先想到li，繼而在li內(nèi)部搭建它的結(jié)構(gòu)，我們的出發(fā)點，和這么做的緣由是什么？現(xiàn)在想想大概有這么幾個原因，使我們格外偏愛li。

缺點是什么，這個…… 我沒找到耶

li只是語義化陣容中的一個類型，不能以偏概全，但多少可以說明一些問題，

作為一個頁面重構(gòu)工程師，不斷對自己的代碼進行完善精煉固然是好，但無論我們的技術(shù)實力有多么強大，作為一個工程師，不能只糾結(jié)在技術(shù)面上，還要考慮我們 做一個產(chǎn)品的初衷以及目標(biāo)，服務(wù)于用戶，所以在權(quán)衡代碼和用戶訴求時，還是要以大局為重，從用戶角度出發(fā)，以產(chǎn)品需求為核心，考慮多方立場，實現(xiàn)在有效的 空間和時間范圍內(nèi)，達到利益最大化。盈利是根本！然后才是可持續(xù)發(fā)展，再然后才是考慮如何優(yōu)化，就像之前讀過的一些觀點，說到技術(shù)型人才在做事情的時候，很容易鉆牛角尖，很容易在問題的一個點上深入，而不太會考慮全局，這是作為工程師應(yīng)該掌握的一個度