HTML itemtype属性怎么标记网站面包屑导航-html教程-PHP中文网

面包屑导航必须使用 itemtype="https://schema.org/BreadcrumbList"，且每个列表项需用 itemprop="itemListElement" 和 itemscope itemtype="https://schema.org/ListItem" 包裹，position 从1连续递增，item 与 name 必须分离标记。

html itemtype属性怎么标记网站面包屑导航

面包屑导航必须用 `itemtype="https://schema.org/BreadcrumbList"`

不写这个 URI，搜索引擎就无法识别这是结构化数据里的面包屑。常见错误是写成 itemtype="Breadcrumb" 或漏掉 https://，导致 Google Rich Results Test 工具直接报“Missing field ‘@type’”。

实际用法中，itemtype 必须和 itemscope 成对出现，且包裹整个面包屑容器（通常是

或）：

<nav itemscope itemtype="https://schema.org/BreadcrumbList"><ol>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
      <a itemprop="item" href="/"><span itemprop="name">首页</span></a>
      <meta itemprop="position" content="1">
</li>
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
      <a itemprop="item" href="/blog/"><span itemprop="name">博客</span></a>
      <meta itemprop="position" content="2">
</li>
  </ol></nav>

`itemprop="itemListElement"` 必须套在每个列表项上

不是套在

上，也不是只写一次——每个

都得带这个属性，否则 Google 会认为只有一条路径，其余被忽略。

itemListElement 是 BreadcrumbList 的强制子属性，类型为 ListItem
每个
内必须有独立的 itemscope itemtype="https://schema.org/ListItem"
position 值必须从 1 开始连续递增，不能跳号或重复（比如 1、2、4 会失败）

链接和文字必须用 `itemprop="item"` 和 `itemprop="name"` 分开标记

很多人把文字直接写在 @#@#@#@#@#@#@#@#@#@0 —— 这样 name 属性缺失，验证通不过

正确写法（推荐用包裹文字）：
@#@#@#@#@#@#@#@#@#@1

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

注意：item 的值必须是有效 URL（相对路径也行，但不能是 # 或空字符串），name 必须是纯文本，不能嵌套其他元素。