多媒体卡片标题统一用h2起头，嵌套时按上下文降级，子标题严格递进，禁止跳级，视觉样式与语义分离，动态渲染需校验并兜底level值为2–4。

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

多媒体卡片（比如图文卡片、视频摘要卡、产品展示卡）本身不是独立页面，而是嵌入在主内容流中的复用模块。它内部**不能用 `

`**，也不能破坏外层页面已有的标题层级结构。

卡片内不设 h1，统一用 h2 起头

卡片属于次级内容单元，语义上是“页面中的一块信息区块”，不是整页主题。所以：
• 卡片标题一律用 `

`（而非 `

`），哪怕它视觉上最醒目
• 若卡片出现在 `

` 或 `

` 内，且该容器已有 `

`，那卡片标题应降为 `

`，与上下文对齐
• 多个同类卡片并列时，每个都用 `

` 是合法的——它们是同级内容，不是父子关系

子标题严格按嵌套逻辑递进

卡片内部若有小标题（如“简介”“参数”“用户评价”），必须基于卡片主标题的层级继续向下：
• 卡片主标题是 `

` → 子标题用 `

`
• 卡片主标题是 `

`（例如嵌套在 `

精选课程

…

` 中）→ 子标题用 `

`
• 禁止出现 `

` 后直接 `

`，这会触发无障碍工具报 heading-level-skipped

避免视觉误导，样式和语义分离

卡片设计常把标题做得比正文大、加粗、带图标，但这只是视觉表达：
• 不要用 `

` 或 `

` 仅仅为了放大字号或加粗效果
• 真正需要强调文字（非结构性标题），用 `` + CSS 控制颜色/粗细
• 卡片副文本、说明文字、标签等，一律用 `

`、`` 或带语义 class 的 `

`，别硬塞进 `

` 甚至 `

`

动态渲染时校验 level 值

如果卡片由组件库或 CMS 动态生成（如 ``），必须做安全兜底：
• `level` 只接受 2–4 的整数（业务场景极少需 h5/h6）
• 非法值（如 0、1、7、"2.5"、undefined）统一 fallback 到 `

`
• SSR 阶段确保首帧 DOM 已含合法标题标签，不能等 JS 加载后再插入