使用HTML5和Microdata标记博客文章“关键字”的正确方法?

前端之家收集整理的这篇文章主要介绍了使用HTML5和Microdata标记博客文章“关键字”的正确方法?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Schema.org的keywords属性,因为它是复数形式的暗示,似乎暗示它的值应该是逗号分隔文本行.如下例所示:
<p itemprop="keywords">lorem,ipsum,dolor,sit,amet</p>

这让我想起了< Meta name =“keywords”content =“lorem,amet”>我们以前用于放置< head>< / head>的标记因为SEO的原因.

但是,从语义学的角度来看,我认为上面的例子是不正确的,因为关键字应该是一个单词列表.因此,它应该通过使用< ul>来标记.元件.

关于如何使用HTML5和Microdata标记博客文章的关键字,是否存在共识?

解决方法

更新:Schema.org的关键字属性的定义已更改.现在它清楚地表明它需要多个标签,并且它们通常应该以逗号分隔.

tl; dr:如果你想为你的标签使用ul元素,使用Schema.org的keywords属性在Microdata中看起来像这样:

<article itemscope itemtype="http://schema.org/BlogPosting">

  <footer>
    <ul itemprop="keywords">
      <li><a href="/tags/foo" rel="tag">foo</a>,</li>
      <li><a href="/tags/bar" rel="tag">bar</a></li>
    </ul>
  </footer>

</article>

如果像这样使用它,则必须确保ul不包含其他非标记文本.

HTML

名称值为keywords的元素元素提供了一种指定适用于整个页面的关键字的方法.这些关键字仅包含文本,因此您无法使用URI.

因此,对于典型的博客标签,您可以采用以下方式(可能除了元关键字之外).

链接类型

HTML5定义了link type tag

The tag keyword indicates that the tag that the referenced document represents applies to the current document.

请注意,此链接类型只能用于单个帖子页面,因为标记始终适用于整个页面.

(注意:标签也是Microformat,但它有不同的定义:您只能为Microformat标签使用特制的URL.)

如果您的标签更像是类别(受控词汇表而不是免费标记),则可以使用link type category(可能与标签结合使用).

标记标记

您可以使用ul或dl:

<ul>
  <li><a href="/tags/foo" rel="tag">foo</a></li>
  <li><a href="/tags/bar" rel="tag">bar</a></li>
</ul>
<dl>
  <dt>Tags</dt>
  <dd><a href="/tags/foo" rel="tag">foo</a></dd>
  <dd><a href="/tags/bar" rel="tag">bar</a></dd>
</dl>

当你还要列出其他元数据时,我会使用dl,例如作者,出版日期等

当然,使用逗号分隔的元素的div也可以使用:

<div>Tags: <a href="/tags/foo" rel="tag">foo</a>,<a href="/tags/bar" rel="tag">bar</a></div>

列表的容器

列表should befooter element的一部分(如果您在博文中使用一个文章,则在文章内):

A footer typically contains information about its section such as who wrote it,links to related documents,copyright data,and the like.

词汇

Schema.org

CreativeWork定义属性keywords(BlogPosting继承它):

Keywords or tags used to describe this content. Multiple entries in a keywords list are typically delimited by commas.

它需要纯文本,因此无法在Schema.org中提供标记URL.

由于关键字需要以逗号分隔的标记列表,因此无法使用dl(除非dl除了包含标记之外).

使用ul,它可能在Microdata中看起来像这样:

<ul itemprop="keywords">
  <li><a href="/tags/foo" rel="tag">foo</a>,</li>
  <li><a href="/tags/bar" rel="tag">bar</a></li>
</ul>

如果使用div,则需要添加另一个div / child,以便标签“Tags:”不被解释为标签本身:

<div>Tags: <span itemprop="keywords"><a href="/tags/foo" rel="tag">foo</a>,<a href="/tags/bar" rel="tag">bar</a></span></div>

常用标签

Common Tag是用于标记的(RDF)词汇表.与Schema.org的keywords属性相比,它使用URI作为标记,而不是仅使用文本.

来自他们在RDFa的Quick Start Guide的示例:

<div xmlns:ctag="http://commontag.org/ns#" rel="ctag:tagged">
   NASA's <a typeof="ctag:Tag" 
             rel="ctag:means"
             href="http://rdf.freebase.com/ns/en.phoenix_mars_mission"
             property="ctag:label">Phoenix Mars Lander</a> has deployed its robotic arm. 
</div>

说明:内容使用标记(ctag:Tag)标记(ctag:tagged).这个标签由URI“http://rdf.freebase.com/ns/en.phoenix_mars_mission”定义(ctag:表示),并且它被称为(ctag:label)“Phoenix Mars Lander”

而不是ctag:Tag你可以使用类ctag:AuthorTag(这意味着它被内容作者标记).

护城河

还有MOAT词汇表,代表“标签的含义”.不幸的是,their website似乎已经消失了(?).

An ontology that let users define relationships between Tag objects and URIs of Semantic Web resources

原文链接:https://www.f2er.com/html5/168812.html

猜你在找的HTML5相关文章