一个页面只用一个h1，且必须是核心主题；标题层级须严格嵌套、不跳级不倒置；语义优先于样式，需兼顾无障碍验证与工具实操。
标题层级要体现语义清晰、结构合理、符合无障碍标准，而不是单纯追求“h1到h6顺序用全”。面试官看重的是你对HTML语义化的理解深度和实际落地意识。
一个页面只用一个h1，且它必须是页面核心主题
h1不是装饰标签，而是告诉浏览器、屏幕阅读器和搜索引擎“这个页面在讲什么”。比如新闻详情页，h1应为文章标题，而非网站Logo或“首页”；后台管理页，h1应为“用户管理”，不是“XX系统”。避免用CSS隐藏h1再另起标题，也不要用多个h1靠display:none规避——这会破坏可访问性。
层级严格嵌套，不跳级、不倒置
正确的做法是：h1 → h2 → h3 → h4……。常见错误包括：h1后直接写h3（跳过h2），或用h2做小段落标题却放在h3之后（逻辑倒置）。面试时可以举例说明：
- 正确：h1“JavaScript 闭包详解” → h2“什么是闭包” → h3“词法作用域基础” → h3“函数作为返回值”
- 错误：h1后紧跟h4，或同一章节内h2和h3混用无规律
用标题组织内容区块，而非控制样式
标题的视觉样式应由CSS统一控制，不要为了“看起来像小标题”而滥用h3/h4。如果某段文字只是强调，但不属于内容大纲中的子级节点，就该用或配合语义类名，而不是降级用h5。面试中可补充一句：“我习惯先写语义结构，再加样式；重构时也优先检查标题树是否仍准确反映信息层次。”
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
重视辅助技术体验，主动验证
高分回答往往带实操意识：比如提到用浏览器开发者工具的“无障碍树”面板查看标题结构，或用NVDA/JAWS朗读测试层级是否连贯；也可以说自己会在VS Code中安装“HeadingsMap”插件快速预览标题分布。这些细节能让面试官相信你不是背概念，而是真用、真调、真关注用户。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
