定义
语义化 HTML 是指 使用具有明确含义的 HTML 标签来构建网页结构，让标签不仅描述内容的呈现方式，也能描述内容的意义和作用。
常用语义化标签
1. 结构性标签
<header>：头部区域<nav>：导航链接<main>：主要内容<article>：独立文章内容<section>：通用章节<aside>：侧边栏/补充内容<footer>：底部区域
2. 文本级标签
<h1>-<h6>：标题层级<p>：段落<strong>：强调（粗体）<em>：着重（斜体）<blockquote>：长引用<cite>：引用标题<time>：时间日期
作用
1. SEO 优化
搜索引擎能准确理解页面结构，提取关键内容，提高排名。
2. 无障碍访问
屏幕阅读器等辅助技术可以更好地为视障用户解读页面。
3. 代码可维护性
开发者一目了然地理解页面结构和内容含义。
4. 未来兼容
规范的代码更容易被未来的设备和技术解析。