「这是我参与2022首次更文挑战的第1天，活动详情查看：2022首次更文挑战」
HTML 和 CSS 是前端开发必须了解的知识，浏览器能够解析和执行的只有 HTML、CSS、JavaScript 和 WebAssembly，其中 WebAssembly 使用的场景相对较少，而另外三个几乎在所有现代前端页面中都有使用到。通常在一个网页中，我们使用 HTML 来描述内容和结构、使用 CSS 描述展现样式、使用 Javascript 来添加交互。而随着前端技术的发展，更多时候我们基于框架来进行开发，最后使用到的 HTML 只剩下以 div 为主的几个，CSS 更多时候也是围绕 flex 展开。
HTML 有很多标签，CSS 也有很多属性，从学习的角度来说正确的方法是随着具体应用场景不断去了解，实际的应用中也只会常用到一小部分，我觉得我缺少一个契机去深入认识和了解更多 HTML 和 CSS，于是我计划写一个系列的重学 HTML 和 CSS 系列文章。
本文是系列文章第一篇，先来总体看一下 HTML 有哪些不同种类的标签。
在 MDN 文档中对所有的 HTML 元素根据用途进行了归类：
- 根元素：只有 html 标签，最顶层根节点。
- 文档元数据：描述页面元信息。
- 分区根元素：只有 body 标签，文档内容的根节点。
- 内容分区：用于页面布局排版的标签。
- 文本内容：用来放置文本内容区块的标签。
- 内联文本语义：用来添加文本内联结构样式的标签。
- 图像和多媒体：图片视频音频资源标签。
- 嵌入内容：嵌入外部资源的标签，如 iframe。
- SVG 和 MathML：在 HTML 中添加 SVG 和 MathML 内容。
- 脚本：JavaScript 等脚本语言。
- 编辑标记：指示标记特定的文本部分。
- 表格内容：与 table 相关的标签。
- 表单：与 form 相关的标签，包括各种输入标签。
- 互动元素：创建用户交互内容的标签。
- Web Components：在 Web Components 技术中用到的标签。
- 过时和废弃的元素：一系列已经废弃的元素。
上面一系列元素标签，有的很常用，也有的几乎没听说过，接下来一系列文章会根据 MDN 上面的分类去重学 HTML。
