语义化HTML：初学者 第1部分
发布: (2026年2月6日 GMT+8 10:22)
2 min read
原文: Dev.to
Source: Dev.to
非语义示例
想象你是 HTML 初学者，因为想快速做一个非功能性的旅行应用，你在 body 中写了以下内容：
## Traveling App
## Easier to travel than ever
Book your flight today
©2026-2027 Traveling App All Rights Reserved.这段标记 不是语义化的，不会提升 SEO。
语义化版本（假设已安装 Tailwind）
## Traveling App
## Easier to travel than ever
Book your flight today
©2026-2027 Traveling App All Rights Reserved.这段标记 是语义化的，有助于提升 SEO。
为什么使用语义化 HTML？
- “ – 包含网页的标题和副标题。
- “ – 包裹页面的主要内容。
- “ – 保存版权或许可信息。
- “ – 一个通用容器 没有语义意义；仅在没有其他合适元素时使用。
使用恰当的语义元素可以让搜索引擎和辅助技术更清晰地了解内容的结构和目的。