标签内直接嵌套完全合法，因属内联级“短语内容”，天然适配内容模型；典型用途是标记段落中被删改的局部文本，如价格、条款等，需闭合且不可包裹块级元素。

标签里直接嵌套 是完全合法且最常用的写法，不需要额外处理——只要 是内联级内容，就天然适配

的内容模型。

为什么

里能放心用

属于“短语内容”（phrasing content），和 、、 同类，而

的允许子元素类型明确包含这类内联标签。浏览器解析时不会报错，也不会破坏段落结构。

常见误判是以为 像

那样属于块级，其实它默认 display 是 inline，和文字流自然融合。

在

中的典型用法

用于标记段落中被删改的局部文本，比如价格、条款、时间等可比对信息：

DeepBI DHTML 页面生成器

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

下载

<p>本次活动限时优惠：原价 <del datetime="2026-10-01T14:00:00Z">¥299</del>，现仅售 ¥199。</p>

• 必须闭合：xxx，不能写成 或漏掉结束标签
• 避免包裹块级元素：
  • ...
  是非法的，会触发 HTML 解析警告
• 可安全添加 cite 和 datetime 属性，增强语义和可访问性

容易踩的坑：嵌套与样式冲突

虽然语法上允许，但以下写法会出问题：

• 重复删除

  ：嵌套 会导致读屏器重复播报“已删除”，部分浏览器渲染异常

• 混用旧标签

  ：语义冲突， 表示“内容过时”， 表示“已被删除”，二者目的不同，不应嵌套
• CSS 强制修改 display：如果给 设了 display: block，它会脱离行内流，可能撑开段落行高或导致换行异常

复杂点其实在语义而非语法

真正要注意的不是“能不能嵌”，而是“该不该删”—— 不是装饰性删除线，它代表内容已被移除但仍需留痕。如果你只是想视觉上加条横线，而无版本/修订/可访问性需求，那该用 CSS 的 text-decoration: line-through，而不是 。

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