什么是HTML语义化标签
语义化的标签，旨在让标签有自己的含义，让浏览器认识这个标签所传达的信息，是干什么的有什么作用。
什么是HTML非语义化标签
标签没有独特的含义
例如：
<p>一行文字</p><span>一行文字</span>
以上代码中，p标签与span标签的区别之一就是：p标签的含义是段落，而span标签无独特的含义。
常见的语义化标签
：页面主体内容。 <hn>：h1~h6，分级标题，<h1> 与 <title> 协调有利于搜索引擎优化。 <ul>：无序列表。 <li>：有序列表。 <header>：页眉通常包括网站标志、主导航、全站链接以及搜索框。 <nav>：标记导航，仅对文档中重要的链接群使用。 <main>：页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能。 <article>：定义外部的内容，其中的内容独立于文档的其余部分。 <section>：定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。 <aside>：定义其所处内容之外的内容。如侧栏、文章的一组链接、广告、友情链接、相关产品列表等。 <footer>：页脚，只有当父级是body时，才是整个页面的页脚。 <small>：呈现小号字体效果，指定细则，输入免责声明、注解、署名、版权。 <strong>：和 em 标签一样，用于强调文本，但它强调的程度更强一些。 <em>：将其中的文本表示为强调的内容，表现为斜体。 <del>：移除的内容。 <ins>：添加的内容。 <code>：标记代码。 <meter>：定义已知范围或分数值内的标量测量。（Internet Explorer 不支持 meter 标签无语义标签
div: 分区，结合css页面布局 双标签、独占一行
span: 文本标签,双标签、再一行展示
a:标签, 用于控制页面之间跳转,标签并不算是语义标签：他没有意义，只是一个链接。
