【优化网站推广公司】HTML标签语义化（含H5）

HTML 是提供网页文档内容的上下文结构和含义；HTML本身是没有表现的，我们看到的例如<H3>是粗体，字号为2em；<strong>的加粗，不要认为这些是html的表现，这是html的默认样式在起作用，所以我们要知道html和页面的表现是没有关系的，表现是CSS的事。html在页面中的作用是结构、含义，说白了就是划分内容，这里放什么，我们放的是什么。

一个页面比作房子，那HTML就是钢筋混凝土的墙，房盖房梁一样的架子；而CSS就是装饰材料，地板油漆一类的东西。好的页面结构就是在没有CSS装饰的情况下，页面结构依然清晰明了，房屋依然可现。而人们常说的DIV+CSS，只是通俗的说法，并不是通篇的DIV，记住：DIV不是神！

HTML是一种对文本内容和意义（即语义）的补充说法。它会告诉我们说：“这行是一个标题，这几行组成一个段落，这是一个项目列表，那是一个链接。”而不是来告诉我们：“这些字是蓝色的，那些又是红色的，这部分内容靠右，这几个是斜体。”这些是CSS的工作。总之：HTML告诉我们一块内容是什么（或其意义），而不是它长什么样子。

复制代码

<!–未语义化–>
<div>
<div>前砖攻城师</div>
<div>搭积木也要玩艺术</div>
</div>
<!–语义化之后–>
<div>
<H3>前砖攻城师</H3>
<h2>搭积木也要玩艺术</h2>
</div>

去掉样式能让页面结构呈现清晰

屏幕阅读器会按标记“读”你的网页

有益于SEO

便于团队开发和维护

附:HTML5新增元素