HTML5教程:语义化标签是什么？有什么作用？

核心提示：那样看着多别扭,多误导人这两个div的布局啊.应该写成这样.<div id="main">content..</div> <div id="sidebar">content..</div>那样既一目了然这几个div里是什么内容也方便

那样看着多别扭,多误导人这两个div的布局啊.
应该写成这样.
<div id="main">content..</div>
 
<div id="sidebar">content..</div>

那样既一目了然这几个div里是什么内容也方便对其中的样式进行修改.


二：(理论)语义化标签怎么样？
1.结构更好，更利于搜索引擎的抓取（SEO的优化）和开发人员的维护(可维护性更高，因为结构清晰,so易于阅读)。 
2.更有利于特殊终端的阅读(手机，个人助理等）。 


三：(行动)语义化标签怎么办？
尽量用有结构含义的,少用无语义的，如<span>,<div>无意义，看不出是什么东西,可是<address>一看就知道这里面的是地址,em标签一看就知道这个是强调的内容,区分于不同内容。

那么，怎么判断你的页面是否符合Web标准之一：语义化标签呢？你可以把你的页面暂时去掉样式后看可读性怎么样，如果这个时候感觉你的页面很乱，那就说明的的页面的语义化标签不怎么样，而如果你的页面去掉样式了感觉依然不是杂乱无章的，那么，就说明你的页面结构清晰，语义化标签比较可以了。