HTML5基础骨架稳定不变，演进重点在于叠加语义化、可访问性、响应式、性能与兼容性能力：需规范语义标签嵌套逻辑、扩展关键元数据、预设样式增强支点，并以结构兜底替代补丁式兼容。

HTML5基础骨架本身已经足够简洁稳定，它的演进重点不在结构变化，而在于**如何围绕这个骨架叠加现代Web必需的能力与规范**。核心骨架从2014年发布至今几乎没有改动，但实际使用中必须补足语义、可访问性、响应式、性能和兼容性这几层支撑。

语义化结构要真正用起来

仅写

不等于实现了语义化。需要配合上下文和嵌套逻辑：

• 必须且只能出现一次，包裹页面主体内容，不能放在
  或
  内部
• 应有 role="navigation" 或明确的 aria-label，方便屏幕阅读器识别
• 避免“语义标签套 div”——比如
  …
  ，应直接用语义子元素或合理 class 命名

元信息必须面向现代设备与SEO

基础骨架里的

部分需扩展关键元数据：

• 不只是写上，要带 user-scalable=no（慎用）或 maximum-scale=1 控制缩放行为
• 增加 支持高倍屏与深色模式自动适配
• 对单页应用（SPA），补充 或动态注入 canonical URL

默认样式与渐进增强要提前设计

骨架本身不带样式，但现代项目需在初始 HTML 中埋入增强支点：

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

• 给 添加 class="js"，再用 JS 检测能力后替换为 js-focus-visible 或 js-grid 等类，驱动 CSS 分支
• 在 上预设 data-theme="light"，配合 prefers-color-scheme 实现主题同步
• 用 <script type="module"></script> 加载现代 JS，同时保留 <script nomodule></script> 降级逻辑

兼容性不再靠“打补丁”，而靠结构兜底

IE 已退出历史舞台，但兼容性挑战转向了旧版 WebView、低端安卓浏览器或特定政企内网环境：

立即学习“前端免费学习笔记（深入）”；

• 语义标签仍建议保留 HTML5 Shiv 的轻量版检测逻辑（仅当 document.createElement('article') 失败时触发）
• 避免在骨架中直接依赖
  或
  ，改用带 ARIA 的自定义组件封装
• 把 + srcset 当作图片加载的默认写法，而非可选项