(总结)什么是HTML语义化

定义：

HTML语义化就是根据内容，选择合适的html标签，写出1 便于开发者阅读和代码美观 2 利用机器爬虫解析的代码

1 尽量减少无意义的标签，比如div span

2 语义不明显的时候，使用<p>要好于<div>

3 不要使用纯样式标签，比如<b><i> 表示强调时要用语义标签<strong><em>代替

4 使用表格时要用<caption><thead><tbody><tfoot>等，使表格语义化

5 表单域要用<fieldset>包裹起来，并用<legend>说明他的用处

<form>
  <fieldset>
    <legend>健康信息</legend>
    身高：<input type="text" />
    体重：<input type="text" />
  </fieldset>
</form>

健康信息

身高： 体重：

6 input对应的说明文本都要使用<label>标签

HTML5语义化标签

<header> 表示整体或者某一部分的头部

<footer>表示整体或某一部分的尾部

<aside>表示一小部门，常用于侧边栏或者谋一小块区域

<section>表示一块区域，代表文档中的“节”或“段”，“段”可以是指一篇文章里按照主题的分段；“节”可以是指一个页面里的分组  会给里面的<h1>-<h5>降级

<article>表示一块文本，或者在页面或网站自成一体的内容，常用于复用。

<nav>表示导航栏

<hgroup>元素代表“网页”或“section”的标题，当元素有多个层级时，该元素可以将<hn>元素放在其内，譬如文章的主标题和副标题的组合