3

编辑：这个问题很长，包括几个我正在寻找的东西的例子。我找到了答案（见下文），即确实存在类似的东西，您可以在schema.org上阅读所有相关信息。

我希望能够将某些语义信息附加到同一页面上的几个不同项目。例如，我的页面有一个歌曲列表，看起来有点像：

<div class="song">
    <img src="cover-art-image" />
    <p>Description on image</p>
    <a id="..." href="link-to-song">View song</a>
</div>
<div class="song">
    ...
</div>

现在，我想显示有关这些对象（在本例中为歌曲）的语义信息，因此我们<meta>在歌曲的实际页面上的标签中包含语义数据（以及<link rel="author" ...>等等）。

所以我想知道最好的方式是沟通（搜索引擎，JavaScript 位，或者在我们的例子中是浏览器插件）链接"View song"是唯一描述语义对象（元数据和所有）的 URI .

我已经阅读过 using link rel="canonical"，但据我所知，这意味着在标题中使用，以描述当前页面（或通知搜索引擎当前页面的规范表示是什么），而我想要传达的是我们想要描述一个正在显示在当前页面上的子对象。所以，在一个理想的世界里，我会写这样的东西：

<div class="song">
    <img ... />
    <p> ... </p>
    <a href="link-to-song" rel="canonical">View Song</a>
</div>

href描述位于（即歌曲页面）末尾的东西是父 HTML 节点的规范表示。但是，这并不是真正的rel="canonical"意思：是否已经定义了类似的东西可以做（即交流）我想要的东西？

如果不是，那么实现这种东西的最“网络友好”的方式是什么？我敢肯定只使用多个rel="canonical"链接不是这样做的方法（最好不要通过尝试嵌入实际上应该有用的语义数据来冒犯搜索引擎）。

我唯一能想到的就是放一些类似的东西

<a href="..." rev="summary"> ... </a>

为了反映此处显示的内容是条目主页上内容的摘要 - 但我认为这不会被解释为“范围”以表示“包含此链接的 DOM 节点是...的摘要” .

编辑：关于如何使用它的另一个例子（如果我的意思不清楚）可能是让博客文章上的每条评论都包含这样一个链接，这将唯一标识与该特定帖子关联的 URI。在该链接之后，您会找到一个页面，其中包含例如<link rel="author"...>评论信息、指向发表评论的帖子的链接等等。

编辑：为了更清楚我的意思，我们已经使用了元数据，例如

<link rel="canonical" href="..." />

在<head>页面的 URI 中传达有关此URI 中描述的对象（或内容）的语义数据。因此，<head>可以认为存在于页面级别的元数据的范围（滥用术语）。我想知道我们如何在页面的各个部分级别对元数据进行范围界定（因此在上面的示例中，我想在包含它们的 DOM 节点级别界定元信息）。以下不是有效的标记（出于显而易见的原因，将受到搜索引擎的惩罚），但说明了我的意思：

<html>
    <head>
        <link rel="canonical" href="/canonical/representation/of/this/page.html" />
    </head>
    <body>
        <div id="item1">
            <a rel="canonical" href="/canonical/representation/of/item1.html" />
            <p>Some local description of item2</p>
        </div>
        <div id="item2">
            <a rel="canonical" href="/canonical/representation/of/item2.html" />
            <p>Some local description of item2</p>
        </div>
     </body>
</html>

然后在地址上/canonical/representation/of/item1.html我们可能会找到一些语义数据（例如，Open Graph 数据）：

<html prefix="og: http://ogp.me/ns#">
    <head>
        <meta property="og:title" content="Some title" />
        <meta property="og:type" content="music.song" />
        <meta property="og:url" content="/canonical/representation/of/item1.html" />
    </head>
    <body>
        <!-- User-facing content of the page -->
    </body>
</html>

这种关系需要一个rel=...标记的原因是我们希望将其标记为包含有关页面特定部分的相关语义数据（而不是页面中的其他链接，它可能指向任何地方），并且应该跟随程序想要发现此类数据（然后可以知道这些数据仅与链接所在的特定 DOM 节点“范围”的页面部分相关）。

4

2 回答 2

2

事实证明，这是使用Microdata完成的。<canvas>它不像原生视频和朋友那样受到同样的关注，但它是 HTML5 规范的一部分（这里），甚至意味着有一个 JavaScript API（尽管 Opera 是迄今为止唯一实现它的浏览器 -那里没有惊喜）。

更好的是，事实证明像谷歌、必应和雅虎这样的人！所有人都关心这些东西，并创建了schema.org来记录它（以及提供完整的现成数据类型列表）。

于 2012-05-16T20:29:01.307 回答
0

我理解您所说的方式是，您希望确保链接的含义是将用户带到有关歌曲的页面。所以你要确保链接的含义是清楚的。你有没有想过这个：

<a href="" class="song">
    <img ... />
    <p> ... </p>
</a>

我最初想在其中包含一个图形标签，但感觉不对；我的怀疑得到了http://html5doctor.com/your-questions-15/令人敬畏的权威的证实。

于 2012-05-08T19:51:03.783 回答