武林網(www.49028c.com)文章簡介：語義化標簽的實戰意義.

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

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

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

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

“語義化是指用合理HTML標記以及其特有的屬性去格式化文檔內容。

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

事實上SEO最有效的一種辦法，就是對網頁的HTML結構進行重構，實質上就是語義化。”

語義化存在的意義

例如

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

很容易通過好的命名和清晰的結構看懂這些代碼

接下來咱們拋開這些理論，討論幾個我們常見的結構,

恩，這個是新聞列表，平常工作中，你怎么寫結構？

大家都不假思索的考慮用li來實現吧


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

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

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

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

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

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

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