开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第5天，点击查看活动详情

初识语义化

初始识语义化是在有一届字节青训营的入营笔试上，当时做完两道编程的题后有一道问答题，问的就是什么是语义化以及语义化的作用。

当时学了大概有一年前端，却根本连语义化这个词都没有听过。考完之后马上去查了一下它的介绍，有了大概的了解。

不过现在发现只有输入没有输出十分容易忘记，所以就记笔记输出，以便加深印象。

什么是语义化

百度百科上是这么解释的：

用合理HTML标记以及其特有的属性去格式化文档内容

通俗理解起来就是用合适的标签去干正确的事情。

例如下面的结构：

header有页眉的意思，可以用来标注网页的标题，一个网页中可以包含多个<header>元素。按照 HTML5 的规定：

<header>都应包含某个级别的标题，所以应隐式或显式地包含标题，通常将不希望显示的标题设置为display: none;，一方面遵守规范，另一方面则提供了无障碍阅读而不至于影响到页面设计。

nav用于展示网页的导航栏，通常用于页面的主要导航部分。一般通过列表来包含一组链接。比如以前比较流行的上面有一行导航栏（例如教务系统）就可以使用这个标签来实现。

footer仅用于展示页面的版权、来源信息、法律限制等等之类的文本或链接信息。（这个大部分网站都有机会用到）

这里仅仅展示了几个常用的语义化标签，还有很多有趣的语义化标签可以去探索。

刚接触html的时候，我会使用表格来盛放一些内容，比如那种网格的结构。后来学习了css，为了简便，所有的内容都采用div的方式解决。再后来学习flex和grid，更是一个div走遍天下。层层嵌套解决所有问题。

了解了语义化后，发现使用语义化搭建的网页可读性十分高，而且结构十分清晰。

语义化具有：

等优点，大家可以了解一下。