html标题应严格遵循h1至h6层级结构，h1为唯一主标题，子级依次递进；段落必须用p标签，br仅用于地址等需保留换行的纯文本场景；强调用strong/em而非b/i；禁用font标签，样式统一由css控制。
标题用 h1 到 h6，别只看大小，要看层级
标题不是字体放大器，h1 是整页唯一主干，h2 是它的一级子模块，h3 是 h2 的子模块——跳级（比如 h1 后直接 h4）会让屏幕阅读器混乱，也影响 SEO。浏览器默认给每个 h 标签加了上下外边距和加粗，但那只是渲染表现，不是语义目的。
常见错误：
- 用
h1包裹 logo 或导航栏文字（它们不是页面主题） - 全篇用
h2当“小标题”逃避结构思考 - 在
h标签里塞div或span（合法但无必要，破坏语义流）
段落必须用 p，别用 br 假装分段
p 是语义化段落容器，浏览器自动处理前后间距、换行和可访问性角色；br 只是强制换行符，没有语义，滥用会导致语音朗读中断、打印错位、响应式布局塌陷。
什么时候该用哪个：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 一段完整意思的文字 → 用
p - 地址、诗歌、歌词中需保留特定换行 →
br可以，但仅限纯文本内，不嵌套块级元素 - 想控制段间距 → 改 CSS 的
margin，别靠堆br
强调和样式分离：用 strong 和 em，少碰 b 和 i
strong 表示内容重要性（如警告、关键参数），em 表示语气强调（如反问、重音词）。两者都可嵌套，em 在 strong 内会同时粗+斜，这是有意为之的语义叠加。
b 和 i 不等于视觉效果开关：
-
b仅用于“需要突出但不增加重要性”的场景，比如产品名、关键词高亮 -
i用于外文术语、船名、思想活动等非强调类斜体，不是“让字变斜”就用它 - 纯样式需求（比如统一加粗某类按钮文字）→ 用 class + CSS，别污染语义标签
别再用 font 标签改颜色字号
font 是 HTML 4 时代的遗留标签，HTML5 已废弃。它把样式逻辑硬编码进结构，导致维护困难、响应式失效、无障碍支持归零。现代写法只有两条路：
- 内联样式：
<p style="color: #333; font-size: 16px;">文字</p>（仅限一次性、极简场景） - CSS 类：
<p class="body-text">文字</p>，然后在<style></style>或外部 CSS 文件里定义规则
真正容易被忽略的是：即使你只改一个 p 的颜色，也该优先走 class 路线——因为下一次可能要批量调整所有正文颜色，而 font 标签会让你手动翻遍所有 HTML 文件。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
