语义元素
语义元素是指html标签中带有语义的标签，如header，nav，article，aside，footer元素等，这些标签告诉了浏览器它们的这块内容代表的什么。以前写代码的时候总是用一个div然后加css样式来构建网页，这样使得整个网页的结构不工整，也不易读
为什么要语义化
- 优化代码结构：使页面在没有css的情况下，也能呈现很好的内容结构
- 有利于SEO：爬虫依赖标签来确定关键字的权重，因此可以和搜索引擎确立良好的沟通，帮助爬虫抓取更多的有效信息
- 提升用户体验，例如title、alt可以解释名称或图片信息，以及label标签的灵活运用
- 便于团队开发和维护：语义化使代码更具有可读性，让其他开发人员更加理解你的html结构，减少差异化
- 方便其他设备解析：如屏幕阅读器，盲人阅读器，移动设备等，以更有意义的方式渲染页面
常见语义化标签
<article>文章部分</article>
<aside>通常用于定义侧边栏</aside>
<footer>定义页脚</footer>
<header>定义页眉</header>
<main>规定文档主内容</main>
<nav>定义导航栏部分</nav>
<blockquote>定义引用部分，比如诗词的引用</blockquote>
