应使用语义正确的标签替代：版权用，附带说明用，可展开条款用，纯文本场景用加显式CSS；若必须用，需手动设font-size: 0.8em等确保缩放与可访问性。

不是法律文本专用标签，它只是语义上表示“旁注、次要内容”，浏览器默认会缩小字号（通常比父级小一号），但不自带法律文本所需的可读性、语义强度或无障碍支持。直接用它放版权或条款，既不符合语义规范，也容易被重置样式误杀。

为什么 的默认样式在 reset 后会消失

主流 CSS reset（比如 * { margin: 0; padding: 0; } 或 Meyer Reset）会把 的 font-size 设为 100%，覆盖其原本的“相对缩小”行为；同时清除 vertical-align 和行高继承，导致视觉上和普通文本完全一样。

• reset 规则中常含 small { font-size: 100%; } 或更粗暴的 font-size: 100%; 全局声明
• 某些 reset 还会重置 line-height，让 行距塌陷，文字挤在一起
• 如果项目用了 normalize.css，它反而保留了 的缩小逻辑（font-size: 80%），但依然不解决语义和可访问性问题

法律文本该用什么标签，而不是

法律文本需要明确的语义、可预测的渲染、屏幕阅读器正确识别， 无法满足这些。应优先选择：

• 包裹整段版权信息（如页面底部的 © 2026 XXX 版权所有）
• 标记附带的法律说明（如注册页旁的“隐私政策说明”）
• 封装可展开的条款全文（兼顾简洁与合规）
• 纯文本场景下，用
  + 显式 CSS 控制字体、行高、颜色

所有这些都比依赖 的隐式行为更可控、更可维护。

Html2md

使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...

下载

如果非要用 ，怎么安全 reset 并保留缩小效果

不要指望 reset 后它还能自动变小——你得手动补上缩放逻辑，并确保不影响可访问性：

• 在 reset 基础上单独声明：small { font-size: 0.8em; line-height: 1.4; }
• 避免用 px 固定字号，否则缩放时会失效；em 或 rem 才能随用户设置响应
• 加 color: #666; 和适当 margin-top，提升可读性（法律文本不是越小越好）
• 务必检查屏幕阅读器是否仍将其读作“次要内容”——若业务要求强语义，就别妥协用

真正麻烦的不是样式重置，而是当设计师说“这里放个 small 版权”时，你得立刻意识到：ta 想要的是视觉效果，而 HTML 需要的是语义+样式+可访问性三者对齐。缺一不可。

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