itemtype 必须与 itemscope 成对使用才生效，单独书写无效；需用 itemprop 显式标记字段，嵌套类型须各自声明 itemscope，推荐优先采用 JSON-LD 方式实现结构化数据。
itemtype 属性必须搭配 itemscope 使用才生效
单独写 itemtype 没有效果，浏览器不会识别结构化数据。它必须和 itemscope 成对出现，用来声明当前元素是一个特定类型的数据项。
比如评论场景，常见的是用 Schema.org 的 https://schema.org/Comment 类型：
<div itemscope itemtype="https://schema.org/Comment"> <p><span itemprop="name">张三</span> 说：</p> <p itemprop="text">这个功能很实用！</p> <time datetime="2024-06-15T10:22" itemprop="datePublished">2024-06-15</time> </div>
-
itemscope开启一个新作用域，itemtype指定该作用域的语义类型 - URL 必须完整且准确，不能省略
https://，也不能拼错路径（如写成comment小写会失效） - Google Structured Data Testing Tool 或 Rich Results Test 会直接忽略没有
itemscope的itemtype
评论常用属性要用 itemprop 显式标记
仅靠 itemtype="https://schema.org/Comment" 不足以让搜索引擎理解内容含义，必须用 itemprop 把具体字段挂载到对应 HTML 元素上。
-
itemprop="author"应指向Person类型（需嵌套itemscope itemtype="https://schema.org/Person"） -
itemprop="text"必须是纯文本内容，不能包裹在带样式的<div class="rich-text">里导致提取失败 -
itemprop="datePublished"推荐用<time>标签并提供datetime属性，格式如2024-06-15T09:30:00+08:00 - 避免把多个逻辑字段塞进同一个
itemprop，例如不要用itemprop="text author"—— 这是非法写法
嵌套结构容易漏掉内层 itemscope
评论作者、被评论对象（如文章）、甚至回复链都可能需要嵌套类型。常见错误是只在外层加了 itemscope，内层 author 或 inReplyTo 忘记再声明作用域。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
<div itemscope itemtype="https://schema.org/Comment">
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<span itemprop="name">李四</span>
</div>
<p itemprop="text">补充一点看法…</p>
<div itemprop="inReplyTo" itemscope itemtype="https://schema.org/Comment">
<p>回复：<span itemprop="text">这个功能很实用！</span></p>
</div>
</div>
- 每个独立的 Schema 类型（如
Person、Comment）都必须有自己对应的itemscope - 嵌套层级过深时，建议用缩进或注释区分作用域边界，否则调试时容易混淆哪段属于哪个
itemtype - 工具检测报 “Missing field ‘author’” 很可能不是没写
itemprop="author"，而是它内部缺itemscope
验证时注意 script 标签里的 JSON-LD 更可靠
虽然 itemtype 是 Microdata 标准，但实际项目中更推荐用 <script type="application/ld+json"> 写评论数据 —— 它不依赖 HTML 结构，容错率高，也更容易动态生成。
- Microdata 对 DOM 变动敏感，JS 动态插入评论后若未同步补全
itemscope和itemtype，结构化数据就丢失了 - JSON-LD 不受 HTML 渲染顺序影响，且 Google 明确表示对其支持更稳定
- 如果必须用 Microdata，请确保服务端渲染（SSR）或 hydration 后立即检查
document.querySelectorAll('[itemscope]')是否完整
真正难的不是写对 itemtype，而是让每一条用户生成的评论都严格维持嵌套 scope 和属性映射关系 —— 这部分逻辑很容易在模板循环或组件复用时出错。
