HTML中itemprop、itemid、itemscope等属性的含义及用途是什么？

你在各类网站前端源码里看到的这组属性，是HTML标准内置的微数据（Microdata） 体系配套属性，核心作用是给普通的网页内容打上结构化语义标签，让搜索引擎、爬虫、辅助工具不用靠算法猜内容类型，就能精准识别每段内容的实际含义。

各属性具体定义 #

• itemscope：布尔属性，不需要填值，加在任意HTML标签上，就代表这个标签包裹的区域是一个独立的结构化数据单元——比如一个商品卡片、一篇文章的信息区、一个用户名片块，标签内部的相关标记都是用来描述这个单元的属性。
• itemtype：必须和itemscope搭配使用，加在同一个标签上，值为固定的类型标识，用来声明当前这个结构化数据单元的具体类型，比如是商品、文章、电影、餐厅、公众人物，不同类型对应固定的可描述属性集合。
• itemprop：加在itemscope对应块的内部子标签上，用来给当前数据单元的具体属性赋值。比如标记人物信息的块里，加了itemprop="name"的标签内容就是人物姓名，加了itemprop="birthDate"的标签内容就是出生日期，加了itemprop="image"的img标签资源地址就是人物头像。
• itemid：给加了itemscope的数据单元指定全局唯一的身份标识，比如标记图书的数据单元可以填ISBN号，标记公共地点的可以填对应实体的通用ID，方便不同站点之间对同一个实体的数据做关联匹配。
• itemref：实际开发中很多时候数据单元的相关属性不会全放在itemscope标签的包裹范围内，这时候给itemscope标签加itemref属性，值填需要关联的外部标签的id（多个id用空格分隔），就能把不在块内的标签内容也算作当前数据单元的属性，不用为了凑数据结构硬挪动内容位置、破坏原有页面布局。

实际应用用途 #

• 搜索引擎优化：这是目前这组属性最广泛的用法。主流搜索引擎爬取页面时会优先识别微数据标记，直接提取出准确的结构化信息，比如商品的价格、评分、库存状态，文章的作者、发布时间、摘要，线下活动的时间、地点、票价，这些信息会被用来生成搜索结果里的富摘要——比如带评分星级、价格标签、库存提示的结果，点击率普遍比普通纯文本结果高。
• 降低内容提取成本：浏览器插件、内容采集工具、笔记类应用不需要针对每个网站写专门的选择器规则，靠猜class名、id名来定位内容，直接读取微数据属性就能精准提取需要的结构化内容。比如用剪藏工具保存电影页面时，工具可以靠这些标记自动把片名、导演、上映时间、评分填到对应字段，不需要用户手动录入。
• 无障碍适配：屏幕阅读器这类视障辅助工具可以识别微数据标记，给用户更精准的内容播报，比如识别到标记为面包屑导航的数据块时，会直接告知用户这是路径导航，不用把每个链接挨个念一遍让用户自行判断内容作用。
• 跨站数据互通：不同网站标记同一个实体（比如同一部电影、同一个公众人物）时使用统一的itemid，第三方平台可以直接聚合不同站点关于这个实体的内容，不需要做复杂的实体相似度匹配计算。

简单使用示例（标记一个商品信息块）：

<div itemscope itemtype="Product" itemid="product-10086" itemref="stock-info">
  <h1 itemprop="name">无线降噪耳机</h1>
  <img itemprop="image" src="/headphone.jpg" alt="耳机产品图">
  <p>售价：<span itemprop="price">399</span>元</p>
  <p itemprop="aggregateRating" itemscope itemtype="AggregateRating">
    评分：<span itemprop="ratingValue">4.8</span>分（共<span itemprop="reviewCount">2567</span>条用户评价）
  </p>
</div>
<!-- 库存信息放在商品块外部，通过itemref关联到对应商品数据项 -->
<p id="stock-info" itemprop="inStock">现货速发，当日发货</p>

内容的提问来源于stack exchange，提问作者dlvdls