怎么看"语义化" 这件事

大家这样说：
Php工程师："无所谓什么语义化，只要逻辑正确，不影响我循环数据"
项目管理人员："我更看重在最短的时间，实现我的需求，至于语义化不是我们关心的，只要别耽误项目时间，你们怎么优化都行 "
设计师："什么是语义化？"
市场销售人员："客户满意就行，客户满意我们才能赢利"
我说："慢慢道来！"

首先解释一下什么是语义化？
语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。


然后抛开理论，来看看实际开发过程中的情况：

这个是新闻列表，平常工作中，你怎么写结构？大家都不假思索的考虑用li来实现吧！



继续看图写代码
 
 
 
. nav a{float:left;}
<div class=”nav”>
       <a href=”” title =””>业界动态</a>
       <a href=”” title =””>业界动态</a>
       <a href=”” title =””>业界动态</a>
       <a href=”” title =””>……</a>
</div>


这种方法代码量少，Dom节点深度小，在大页面下加载也会快一些，这种写法较适用于不需要扩展的模块, 而且我们没有用到li
另一种写法：
  . nav li{float:left;}
<div class=”nav”>
       <ul>
              <li><a href=”” title=””>业界动态 </a></li>
              <li><a href=”” title =””>业界动态 </a></li>
              <li><a href=”” title =””>业界动态 </a></li>
              <li>…</li>
       </ul>
</div>

这种方法在代码量上略显臃肿，优点是扩展性好，增加了代码可读性。可是这是列表吗？这么用对不对？，好像我们一直都是用li的，难道不对吗？显示也没有问题。是不是 缺点是什么呢，这个吗…… 我没还没有想到，呵呵。
那就不写更多的例子，就这两个例子比较而言，使得我们比较偏爱li的理由猜测有如下几个。

1.  HTML结构清晰
2.  代码可读性较好，易于扩展
3. 块元素和行内元素均可被嵌套在li内，符合标准

大家也都这么说的，语义化存在的意义

1.  它和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息，有助于它们建立索引，并可能给予一个较高的权值。
2.  提升用户体验 例如title、alt用于解释名词或解释图片信息、例如label标签的活用；
3.  代码可读、便于维护、提高开发效率、快速达成共识
4.  语义化的(X)HTML文档有助于提升你的网站对访客的易用性，比如使用PDA、文字浏览器以及残障人士将从中受益。 
5. 技术趋势所趋，HTML5 添加了很多语义化标签 例如<address>

个人认为，所谓语义化，就是尽可能的理解要表达的内容，选择适合的HTML标签，将内容转换成浏览器容易认识的信息，通过浏览器传达给用户。目前来说，做语义化的确还不能体现出它的优点，可能的原因是：

•  除了专业的人和爬虫外，没人会去看我们的标签是否使用得有语义
• HTML的标签还不足以表达所有可能的语义，只是少量的标签
• 语义化会需要增加一些额外的代码，这个倒是可以牺牲下时间

来自互联网的一段话， 作为一个工程师，不能只纠结在技术面上，还要考虑我们 做一个产品的初衷以及目标， 服务于用户，所以在权衡代码和用户诉求时，还是要以大局为重，从用户角度出发， 以产品需求为核心，考虑多方立场，实现在有效的 空间和时间范围内，达到利益最大化。 盈利是根本！然后才是可持续发展，再然后才是考虑如何优化， 这是工程师应该掌握的一个度

总的来说语义化还是很重要的。一点看法，希望抛砖引玉一下