HTML中使用dd标签如何实现详细描述的缩进控制技巧？

本文共计807个文字，预计阅读时间需要4分钟。

plaintextdd 标签不是用来做布局缩进的，它是用来语义化容器，专门用于描述定义列表中的解释性内容。强行使用它来实现视觉缩进，反而会破坏可访问性和语义结构。

为什么 dd 默认有左边距？

浏览器对 dd 的默认样式是 margin-left: 40px，这是为了在无 CSS 环境下也能区分术语（dt）和描述。但这个值不统一：Firefox 可能是 40px，Safari 是 32px，旧版 IE 甚至更随意。依赖它做精确对齐，必然出错。

• 它不是「缩进工具」，而是「语义分隔标记」
• 屏幕阅读器会明确播报 “definition: xxx”，所以内容必须是解释性文本，不能塞按钮或操作控件
• 多个 dd 紧跟一个 dt 是合法的，但若中间插了其他标签（比如 p 或 div），部分读屏器可能丢失关联

dd 的嵌套与多对一关系怎么写才不出错？

允许一个 dt 后跟多个 dd（比如参数的类型、默认值、示例各占一行），也允许多个 dt 共享一个 dd（如别名字段）。