HTML5核心布局标签需语义精准：main唯一且仅包核心内容；header/footer可多次出现，依附各自父级；nav专用于导航链接，aside强调相关非必需；article要求自包含独立，section侧重主题一致须带标题。
HTML5核心布局标签不是装饰性元素，而是页面结构的“说明书”。用对了，代码可读、机器可懂、SEO友好、无障碍支持到位——关键不在多用，而在精准归位。
main：全页唯一的核心内容容器
它只负责承载真正不可替代的主体内容，比如文章正文、产品详情、表单主区域。导航栏、侧边推荐、页脚版权这些重复性模块，一律不能塞进 main 里。
- 一个页面只能有一个 main，且必须直接包裹核心内容
- 若页面含多篇独立文章，每篇用 article 包裹，main 再统一封装这些 article
- 不要为样式方便把 main 当通用容器——它不负责布局，只负责语义归属
header 和 footer：可多次出现的区块级“头尾”
header 不等于“顶部横条”，它是某块内容的介绍入口；footer 也不只是页面最底下，它属于它所依附的父级区块。
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 整个页面可以有 body 级 header（含站点名+主导航），每篇 article 也能自带 header（含标题+作者+发布时间）
- article footer 可放“本文结束”“相关阅读”；body footer 才放版权声明、联系方式
- 没有标题或上下文的纯按钮组，不适合放进 header——它需要承担“引入”功能
nav 和 aside：职责边界必须清晰
nav 是专为导航链接服务的，不是所有链接都归它管；aside 则强调“相关但非必需”，不是所有侧边内容都算 aside。
- nav 只包裹主导航（如首页/关于/联系），面包屑、页脚链接、操作按钮不属于它的范畴
- aside 放作者简介、同类推荐、广告位这类辅助信息，但若侧边是固定导航菜单，应归入 nav 而非 aside
- 一个页面可有多个 nav（如顶部主导航 + 文章内目录导航），但每个都要有明确导航意图
article 和 section：独立性与逻辑性的分水岭
article 强调自包含、可脱离页面独立存在；section 关注主题一致性，必须配标题，但不要求独立分发。
- 博客正文、新闻稿、用户评论适合用 article——RSS订阅、打印、分享时仍保持完整意义
- section 用于按主题组织内容，比如“技术特点”“客户反馈”“售后服务”，每个 section 应带 h2–h6 标题
- 不要用 section 替代 article 来包裹一篇完整文章——这会弱化其独立价值
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
