HTML中没有专门定义“度量衡”的标签，物理单位语义由CSS属性（如font-size、width）配合px、em、cm等单位实现，HTML仅作为样式载体；需显式标注单位时可用data-unit或aria-label，但无原生标签。
HTML 里没有专门定义“度量衡”的标签
HTML 本身不负责表达物理单位（如 px、em、cm、inch）的语义含义，它只提供元素容器和基础结构。所谓“文档的度量衡表示”，实际是通过 CSS 的 font-size、width、margin 等属性配合单位来实现的，HTML 标签只是承载这些样式的载体。
常见误解是想找一个类似 <unit></unit> 或 <measure></measure> 的原生标签来标记“这个数字代表 12.5px”或“这段文本按 96dpi 渲染”，但 HTML 规范里并不存在这样的语义化标签。
用 span 或 data-* 属性临时标注单位信息
如果需要在 HTML 中显式记录某数值的单位（比如供 JS 解析、无障碍提示或数据提取），只能靠约定方式手动标注：
-
<span data-unit="mm">210</span>—— 单位存在data-unit属性中，JS 可读取，屏幕阅读器默认不播报 -
<span aria-label="210 millimeters">210</span>—— 更适合无障碍场景，但需注意冗余描述可能干扰语义流 - 避免用
<abbr title="millimeters">mm</abbr>标单位缩写，因为<abbr></abbr>是为“首次出现的缩略词”设计的，不是为单位符号服务的
CSS 单位在 HTML 中如何生效
HTML 元素的尺寸、间距、字体大小等，全靠 CSS 单位驱动。关键点在于：单位必须写在 CSS 里，不能直接塞进 HTML 属性值中（除少数例外，如 <input type="range" step="0.1"> 中的 step 是数值，不是样式）。
立即学习“前端免费学习笔记（深入）”；
-
px是像素，与设备无关但受缩放影响；em和rem是相对单位，依赖父级或根字号，更适合响应式 -
cm、in、pt等绝对单位在屏幕渲染中效果不稳定——浏览器按 96dpi 假设换算，实际物理尺寸无法保证 - 不要在
style属性里写width: 100mm期望精确打印，应使用@media print+ 专门样式表控制
PDF/打印场景下单位容易被误用
当目标是生成可打印文档时，开发者常试图用 HTML + CSS 模拟 A4 页面（210mm × 297mm），结果发现尺寸对不上。根本原因是：
- 浏览器对
mm/in的解析基于 CSS Paged Media 规范，但支持度参差不齐（尤其 Chrome 的@pagemargin 处理有偏差） - 打印预览里的“缩放”选项（如“适应页面”）会覆盖你写的
width: 210mm，导致实际输出失真 - 真正可控的方式是导出为 PDF 后再调整，或用 Puppeteer / WeasyPrint 等工具接管渲染流程，而不是指望纯 HTML+CSS 在浏览器里精准还原物理尺寸
单位不是写出来就自动生效的，它始终依附于上下文：CSS 引擎怎么解析、设备怎么上报 DPI、用户有没有改缩放、打印驱动是否尊重 @page 声明——这些环节任何一处脱节，都会让“210mm”变成“看起来差不多的某个宽度”。
