利用HTML代码中的itemscope与itemtype定义自定义数据实体-html教程-PHP中文网

itemscope和itemtype不是数据库，而是html语义标记机制，仅向解析器声明结构化信息的作用域与类型；必须同元素成对出现、itemtype为完整https url、itemprop属性名严格匹配schema.org定义，缺一不可。

利用html代码中的itemscope与itemtype定义自定义数据实体

itemscope 和 itemtype 是什么，能不能直接当数据库用？

不能。它们只是 HTML 的语义标记机制，不存储、不传输、不校验数据，只告诉搜索引擎或解析器“这里有一段结构化信息”，具体含义由 itemtype 指向的 Schema.org 类型定义。误以为加了 itemscope 就能自动提取或验证数据，是常见误解。

怎么写才被 Google 结构化数据测试工具识别？

必须满足三个硬性条件，缺一不可：

itemscope 必须与 itemtype 同时出现在同一个元素上，例如：<div itemscope itemtype="https://schema.org/Person"> <li> <code>itemtype 值必须是完整的、可访问的 Schema.org 类型 URL（不是缩写，不是本地路径，不能少 https://），比如 https://schema.org/Organization，写成 http://schema.org/Organization 或 schema.org/Event 都会失败
所有属性必须用 itemprop 标记，且属性名必须属于该 itemtype 官方定义的合法字段——比如 https://schema.org/Person 允许 name、jobTitle，但不允许 nickname（除非扩展）

Google 的测试工具不报错 ≠ 实际能用于富媒体搜索；只有符合其文档中明确支持的类型（如 Recipe、Event、Product）且字段完整，才可能触发展示。

嵌套实体怎么写，常见错误有哪些？

嵌套靠的是父子级 itemscope 元素，不是靠 class 或 id 关联。容易出错的地方集中在作用域和属性归属：

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

子实体必须包裹在父实体的 DOM 范围内，否则 itemprop 会被解析为父级属性而非嵌套关系
同一元素不能同时声明两个 itemtype，想表示“既是 Person 又是 Author”，得用 itemtype="https://schema.org/Person https://schema.org/Author"（空格分隔，顺序无关）
日期、价格等需格式化字段，必须用 content 属性提供机器可读值，例如：<time itemprop="startDate" content="2024-06-15">6月15日</time>；只写文本“2024年6月15日”可能被忽略或解析错误

示例片段：

<div itemscope itemtype="https://schema.org/Event">
  <h1 itemprop="name">前端技术分享会</h1>
  <div itemprop="location" itemscope itemtype="https://schema.org/Place">
    <span itemprop="name">上海云栖中心</span>
  </div>
</div>