data标签仅用于绑定用户可见文本与规范机器值，value是唯一必需属性且须严格规范（非空、无空格、引号转义），适用于纯文本单值映射场景，读取需用getAttribute而非dataset。
data 标签不是用来存状态或传参的，它只做一件事：把用户看到的文本，和背后那个规范、可解析的机器值，牢牢绑在一起。 它不渲染样式，也不参与 JavaScript 计算，但能让爬虫、辅助技术或脚本准确识别“展示内容”对应的结构化数据。
value 属性必须存在且严格规范
value 是 唯一必需属性，任何疏忽都会导致值失效：
- 不能省略：
<data>苹果</data>→ 没 value，机器读不到编码 - 不能为空：
<data value="">苹果</data>→ 空字符串，后端比对失败 - 不能带空格：
<data value=" SKU-2026-X7 ">旗舰版 X7</data>→ 前后空格被保留，可能触发校验错误 - 不能含未转义引号：
<data value="SKU-"X7">旗舰版 X7</data>→ HTML 解析在此中断，后续内容错位 - 必须加引号且为字符串：
<data value="SKU-2026-X7">旗舰版 X7</data>✅
适用场景：纯文本 + 单一规范值
它适合那些“人看一个样、机器用一个码”的简单映射：
- 商品型号：
<data value="ABC-2024-X7">旗舰版 X7</data>（供库存系统按编码检索） - 行政区划：
<data value="CN-110000">北京市</data>（对接民政部或 ISO 代码） - 价格金额：
<data value="299.99">¥299.99</data>（避免正则误匹配“¥19.9”） - 日期显示：
<data value="2026-06-24">今天</data>（人类友好，机器可排序）
别用它包裹 HTML 标签，也别塞进复杂对象 —— 它只认纯文本内容。
JavaScript 读取要走 getAttribute，别碰 dataset
的 value 不会自动进入 element.dataset，这是和 data-* 属性的根本区别：
- ✅ 正确读法：
el.getAttribute('value')或el.value（部分浏览器支持，但非标准） - ❌ 错误写法：
el.dataset.value→ 返回 undefined - 记得清洗：
el.getAttribute('value')?.trim()，防止空格干扰后续处理 - 数值需手动转：
Number(el.getAttribute('value'))，不能依赖自动类型转换
SEO 和语义增强需要配合 schema.org
单独用 对搜索引擎帮助有限。它只是语义拼图的一小块：
- 嵌入 itemprop：
<data itemprop="sku" value="SKU-2026-X7">旗舰版 X7</data> - 放在 itemscope 容器内：
<div itemscope itemtype="https://schema.org/Product">...</div> - 这样才可能被 Google 富媒体搜索结果工具识别，真正提升结构化数据质量
