time标签必须加datetime属性才有效，其值须为ISO 8601格式（如2026-04-11或2026-04-11T11:23），仅文本内容无机器可读语义。

真正该用、能放心用的 HTML5 新增语义标签就 7 个：header、nav、main、article、section、aside、footer。其余多数要么语义模糊、浏览器支持弱，要么在真实项目里反而增加协作成本。

哪些标签必须加 datetime 才算有效

time 标签不带 datetime 属性等于没写——屏幕阅读器和搜索引擎只认 ISO 8601 格式的时间字符串，比如 2026-04-11T11:23 或 2026-04-11。

• 只写 2026年4月：纯文本，无机器可读时间语义
• 正确写法是 2026年4月
• datetime 值必须合法，"2026-04-xx" 或 "2026/04/11" 都会失效

article 和 section 到底怎么分

区分点不在内容长短，而在「能否独立存在」：article 是能单独被 RSS 抓取、转发、重用的内容单元；section 是依赖上下文的逻辑分组。

• article 示例：博客正文、新闻条目、用户评论（含回复）
• section 示例：「产品特性」「客户评价」「技术参数」——这些标题下没 h2~h6 就不该用 section
• 乱用 section 会导致屏幕阅读器多出一堆无意义层级，比用 div 还糟

IE9–IE11 下怎么让新标签正常渲染

IE9 把 header、nav 等当行内元素，IE11 不识别 main 的语义；光靠 CSS display: block 不够，还得补 DOM 注册 + ARIA。

• 必须在 里尽早执行注册脚本：document.createElement('header')
• 所有新标签都要显式声明 display: block，不能只靠继承
• main 在 IE11 及以下必须加 role="main"，否则屏幕阅读器直接跳过

mark 不是「加粗高亮」，而是「搜索命中高亮」

mark 的语义非常窄：它只用于标记页面中已存在的文本里被搜索匹配到的部分，不是通用强调工具。

DeepBI DHTML 页面生成器

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

下载

• ✅ 正确：

  这篇文章讲了 HTML5 新特性

  （用户搜“HTML5”时自动高亮）
• ❌ 错误：

  重点是 语义化 而非样式

  （这里该用 strong）
• 滥用 mark 会让辅助技术误判内容重点，干扰阅读流

最常被忽略的是结构嵌套规则：main 必须是顶层容器，不能包在 section 或 article 里；多个 nav 必须配 aria-label 区分用途；section 没邻近标题就别硬上——语义标签不是装饰，是给机器读的契约。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！