语义化标签
什么叫做语义化标签？
本质上，语义化标签就是这个标签本身直接表达出来它本身的意思，他是干什么的一个标签，与之相对的还有非语义化标签，这种标签本质上没有什么特殊的含义，只是作为标签方便使用。
HTML和无障碍
在网页开发中，使用正确的HTML标签来表达正确的意图，提高网页的无障碍性。我们在学习HTML的过程中，有一个主题经常伴随在我们身边，那就是HTML标签的语义化，我们要用尽可能正确的标签来向读者，向浏览器表达我们正确的意图。
一个最简单的例子如下：
<div>play_vedio</div>
or
<button>play_vedio</button>
看似这两种写的方法对于浏览器显示没有什么不一样，但是后者看上去更加的合理,因为<button>标签不仅提供了按钮的样式，还提供了键盘的无障碍。
在项目一开始就是用语义化标签，有以下价格好处：
1.可以使标签更容易理解，可以获取一些毫不费力的功能。
2.语义化的 HTML 文件比非语义化的 HTML 文件更加轻便，并且更易于响应式开发。
3.更加便于 SEO 优化，相比较于非语义化的<div>标签，搜索引擎更加注重于在标题，链接中的关键字，使用语义化标签可以被用户更容易搜索到。
良好的语义
对于屏幕阅读器用户来说，最佳辅助功能是拥有标题，段落。列表等内容的良好结构，例如：
<h1>My heading</h1>
<p>This is the first section of my document.</p>
<p>I'll add another paragraph here too.</p>
<ol>
<li>Here is</li>
<li>a list for</li>
<li>you to read</li>
</ol>
<h2>My subheading</h2>
<p>
This is the first subsection of my document. I'd love people to be able to
find this content!
</p>
<h2>My 2nd subheading</h2>
<p>
This is the second subsection of my content. I think is more interesting than
the last one.
</p>
屏幕阅读器会在你浏览内容的时候读取标题，会通知标题是什么，段落是什么，会在每个元素之后停止，保证以一种舒服的速度前进，在屏幕阅读器中从一个标题跳到另一个标题。总之语义化标签会给HTML之后的工作带来许多方便。
语义化标签的优点
- HTML结构清晰，易读性和维护性更好。
- 代码可读性好。
- 无障碍阅读更友好，对于读屏器等设备，能够播报的更流畅准确。
- 搜索引擎可根据标签的语言确定上下文和权重问题。更利于SEO优化，语义化标签能够提升页面质量，有利于爬虫爬取页面时获取更多的有效信息。
- 便于团队维护开发
