微数据ItemID,用于标识分散在HTML docHTML表格中的元素

微数据ItemID,用于标识分散在HTML docHTML表格中的元素,第1张

概述我的开发人员使用 HTML表编写了一个产品列表.代码出现如下: <table><tr class="name"><td>Product Name #1</td><td>Product Name #2</td><td>Product Name #3</td></tr><tr class="price"><td>Product Price #1</td><td>Product Price 我的开发人员使用 HTML表编写了一个产品列表.代码出现如下:
<table><tr  ><td>Product name #1</td><td>Product name #2</td><td>Product name #3</td></tr><tr ><td>Product Price #1</td><td>Product Price #2</td><td>Product Price #3</td></tr><tr ><td>Product Brand #1</td><td>Product Brand #2</td><td>Product Brand #3</td></tr></table>

你明白了.在视觉上它看起来很完美,但是当尝试通过schema.org进行标记时,我遇到了问题,因为产品属性不存在是整齐的嵌套HTML元素,而是分布在整个表中.是否有办法使用ItemID Microdata属性来确保每个品牌和价格与正确的产品名称相关联?

就像是:

<tr ><td itemscope itemtype="http://www.schema.org/Product" itemID="Product1">Product name #1</td><td itemscope itemtype="http://www.scema.org/Product" itemID="Product2">Product name #2</td>

等等等等什么想法?我是否会对页面进行重新编码以使其正常工作?

解决方法 实际上,itemID不是正确的方法.与RDF不同,微数据解析模型不会连接具有相同itemID的内容.

相反,您应该使用itemref属性.

例如:

<div itemscope itemtype="http://schema.org/Product" itemref="foo"></div><div ID="foo" itemprop="offers" itemscope itemtype="http://schema.org/Offer">  <span itemprop="price">Product Price #1</span></div>

您可以使用http://foolip.org/microdatajs/live/测试微数据

总结

以上是内存溢出为你收集整理的微数据ItemID,用于标识分散在HTML doc / HTML表格中的元素全部内容,希望文章能够帮你解决微数据ItemID,用于标识分散在HTML doc / HTML表格中的元素所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1133440.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存