💀HTML语义化的含义
语义化的含义就是用正确的标签做正确的事情，html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析。在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的，它利于 SEO（搜索引擎优化），使阅读源代码的人对网站更容易将网站分块，便于阅读维护和理解。
💀常用的语义化标签
<header>：代表“网页”或者“section”的页眉，通常包含h1-h6 元素，作为整个页面或者一个的内容块标题。或者包裹一节的目录部分，一个搜索框，一个nav，或者相关logo图标，没有个数限制。<footer>：页脚，通常含有该节的一些基本信息。如果footer元素包含了整个节，那么它们就代表附录，索引，提拔，许可协议，标签，类别等一些其他类似信息<nav>：页面导航链接，规范上说nav只能用在页面主要导航部分上。<main>：页面重要内容，页面的中心内容。<section>：对于包含大量文本内容的文章，可以将内容细分成多个 section，<article>：完全独立的内容<address>：取得联系<aside>：包含在article元素中作为主要内容的附属信息部分，通常作为侧边栏，导航，广告的场景使用。
💀语义化案例分析
非语义化标签案例：京东
由此可以看出，在京东的页面上，绝大部分的标签都是
<div>，页眉和页脚没有使用<header>和<footer>，页面导航栏也没有使用<nav>标签，其余部分也基本都是由div标签组成的，京东的页面在html的语义化方面并不是一个好的例子。
语义化案例分析：必应词典
必应词典的页面中可以清晰的看到有使用语义化标签，在页眉部分使用了<header>标签，并且在内部还包含了页面导航栏的<nav>标签，以及页脚，这些是在html语义化上成功的案例。
语义化案例分析：MDN文档
看一个html语义化优秀的案例，几乎包含了所有常用语义化标签，非常易于阅读和理解，同时界面也简洁干净。
💀总结
当前许多网站的页面的语义化程度并不高，包括很多电商平台，本文章对部分实际网站的HTML结构进行了部分分析，对比了非语义化标签的差异，作者刚开始学习，很多理解都有存在问题，本文参考价值并不高，请多多谅解。
