如何理解 HTML
HTML（HyperText Markup Language）是一种用于描述 Web 页面结构和内容的标记语言，它由一系列标签（Tag）和属性（Attribute）组成。通过在 Web 页面中嵌入 HTML 标记，可以指定文本、图片、链接、表格、表单等元素的显示和布局方式。Web 浏览器可以将 HTML 页面解析并渲染出来，使用户可以在浏览器中浏览网页。
- HTML"文档"
- 描述文档的"结构"
- 有区块和大纲
HTML 语义化
HTML 语义化是指：
- 在编写 HTML 代码时，使用恰当的标签和属性来表达页面内容的结构和含义
- 使用正确的标签可以让浏览器正确的为内容分配空间和样式
- 有助于搜索引擎索引你的内容
通过使用语义化的 HTML，可以使 Web 页面更加易于理解、维护和修改。例如：
- 使用
<h1>到<h6>标签来表示标题级别 - 使用
<p>标签来表示段落 - 使用
<ul>和<li>标签来表示无序列表等。
HTML 语义化的好处：
- 在没有 CSS 的情况下，页面也能呈现出很好的内容结构
- 有利于 SEO，让搜索引擎爬虫更好的理解网页
- 方便其他设备解析（如屏幕阅读器、盲人阅读器）
- 便于团队开发与维护
h5o - HTML5 Outliner
HTML5 Outliner 是一个 Web 工具，它可以分析 HTML5 文档的内容结构，并生成一个表示文档大纲的树形结构。
Outliner 会基于 HTML5 规范和语义化 HTML 的原则，将文档中的标题、段落、列表、表格、媒体等元素归类，并按照其嵌套关系生成一个层次结构。
使用 HTML5 Outliner，可以更直观地了解 HTML5 文档的结构和语义，帮助开发者调整网站的文档结构，方便进行优化和改进。从而帮助搜索引擎和访问者理解你的网站的内容结构。