1.HTML语义化标签是什么？

它是指通过标签本身恰当的语义来规范网页的结构，而不改变网页的内容。

2.HTML语义化的好处有哪些？

（1）易于读懂：方便被其他设备解析（例如：屏幕阅读器、盲人阅读器、移动设备）

（2）方便SEO：和搜索引擎建立良好联系，便于爬取信息。（爬虫依赖标签来判断上下文和关键字权重）

（3）减少差异化，便于团队开发维护。

（4）语义化能使没有CSS时，代码裸奔情况下，结构也好看易懂。

（1）article：它是一段独立的内容可以被发布在一个文档、应用程序、网站、页面（用户评论、论坛、新闻报道）可以被独立发布或重复使用。

（2）header：整个页面或者某个区块的标题。一般被放置在页面顶部,一个文档可以有多个header,位置不一定是开头，内容是标题。

（3）footer：一般被放在整个文档或者区块的底部。

（4）nav：页面的导航，可以通过导航传送到网站其他页面或当前页其他位置。

（5）aside：对页面的补充（例如广告，侧边栏，引语）。

（6）section：一个主题性的内容分组，通常包含一个header和一个footer。

（8）time：日期和时间值。

（9）figure：定义一个独立的流内容（图像，代码片段）。

（10）figcaption：图像的或代码片段的主题标题。

                                    语义化结构与非语义化对比

以知乎首页来举例子，我们按下F12，可以看到他们是怎么编写HTML的，使用header(nav)-main(section)-footer这样一个大致结构，我们直观感受到，语义化标签使，HTML的整体结构变得清晰明了，页面的维护方便。