itemscope必须与itemtype成对使用才有效，单独使用itemscope无意义；itemtype必须为schema.org完整https url（如https://schema.org/person），缩写或相对路径均失效；嵌套实体需内层独立声明itemscope和itemtype；itemprop值须严格匹配对应类型在schema.org定义的标准属性名。
itemscope 必须和 itemtype 一起用才有效
单独写 itemscope 没有意义，浏览器不会识别任何结构化数据。它只是个“声明：我要开始定义一个微数据实体”，真正告诉搜索引擎这是什么类型（比如 Person、Article）的，是 itemtype 属性。
-
itemtype值必须是合法的 URL，常见的是https://schema.org/Person这类；用缩写（如Person）或相对路径会失效 - 推荐直接复制 schema.org 官方页面给出的完整 URL，别自己拼写——大小写、斜杠、末尾是否带
/都影响解析 - 一个
itemscope块里可以嵌套另一个itemscope，但内层必须也有自己的itemtype
itemprop 的值怎么取？看属性定义和 HTML 结构
itemprop 不是随便起的名字，它必须是 itemtype 所指定类型在 schema.org 上明确定义的属性（比如 Person 有 name、jobTitle、image）。
- 如果写了
itemprop="nickname"，而itemtype是https://schema.org/Person，这个字段会被忽略——nickname不是 Person 的标准属性 - 文本内容直接写在标签里（如
<span itemprop="name">张三</span>），就自动作为该属性的字符串值 - 想传 URL 或其他资源时，用
href（@#@#@#@#@#@#@#@#@#@0）或src（<img itemprop="image" src="avatar.jpg">），不能把 URL 写在文本里
嵌套结构容易漏掉 itemscope 和 itemtype
比如描述一个人的公司，公司本身也是个实体（Organization），不能只写 itemprop="worksFor" 就完事。
Html To Pdf
下载
使用 Puppeteer + Chrome 将 HTML 渲染为中文 PDF，自动处理图表等待、Tab 展开、动画、测高、白边消除、防分页，适用于看板、报表、网页和交互图表转 PDF。
<div itemscope itemtype="https://schema.org/Person">
<span itemprop="name">李四</span>
<div itemprop="worksFor" itemscope itemtype="https://schema.org/Organization">
<span itemprop="name">某某科技有限公司</span>
</div>
</div>
- 漏掉内层的
itemscope，worksFor就只是个字符串，不是组织实体 - 漏掉内层的
itemtype，即使有itemscope，也没法告诉搜索引擎这是 Organization 而不是默认的 Thing - 嵌套层级深时，建议用缩进对齐，不然很容易搞混哪层 scope 对应哪个 type
验证工具报错但页面看起来正常？检查空格和引号
Google Rich Results Test 或 Schema Markup Validator 报 “Missing field” 或 “Invalid itemtype”，往往不是逻辑错，而是格式细节翻车。
-
itemtype的 URL 里多了一个空格（比如https://schema.org/Person "结尾多了空格）——肉眼难发现，但解析器直接失败 - 用了中文全角引号「」或“”代替英文半角
"—— HTML 不认，属性根本没生效 -
itemprop值含特殊字符（如&）没转义，导致 HTML 解析中断，后续 itemprop 失效
微数据不报错也不提示，失效就是静默的。上线前务必用验证工具跑一遍，别只靠“页面显示正常”来判断。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
