HTML

HyperText Markup Language

前端工程也叫：超文本标记语言、标签、网页结构

一句话：描述网页结构和内容的标记语言，用标签告诉浏览器哪里是标题、段落、按钮、图片。

详细解释

如果把网页比作一栋房子，HTML 就是骨架和房间划分：哪里是标题（<h1>）、哪里是段落（<p>）、哪里是按钮（<button>）。它只管「有什么」，不管「长什么样」，样式交给 CSS，交互交给 JavaScript。

在 React、Vue 项目里，你很少直接写 .html 文件，但组件里的 JSX 或模板最终都会变成 HTML。AI 说的「语义化标签」，是指用意思对应的标签（如 <nav>、<main>、<button>），而不是到处用 <div>。

语义化的好处是读屏软件、搜索引擎都能更准确地理解页面，键盘操作也更顺畅。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

检查这个页面的 HTML 结构，把用 div 模拟的按钮改成 button，导航区域用 nav 包起来，主要内容放进 main，标题层级从 h1 开始依次往下，不要跳级。页面样式保持不变。