我现在正在编写HTML/CSS/JS大约两年,并决定通过使用微数据/ RDF来更加专注于增强我的标记.
通过进一步的调查和查看这个东西是如何在野外处理我遇到了YouTube,看到他们在div块中使用元标记来描述他们的视频并发现它很奇怪,因为我从未在旁边使用过meta标签在文件的头部内.
div-block有一个itemtype来声明它正在使用的方案,所以我检查了给定的页面(schema.org),并通过在他们的文档中挖掘以下部分找到:
3C.缺失/隐含信息:将元标记与内容一起使用
有时,网页上的信息对于标记很有价值,但由于信息在页面上的显示方式,因此无法标记信息.[...]
在这些情况下,请使用元标记和content属性来指定信息.考虑这个例子 - 该图像显示用户获得4星评分:
<div itemscope itemtype="http://schema.org/Offer">
<span itemprop="name">Blend-O-Matic</span>
<span itemprop="price">$19.95</span>
<img src="four-stars.jpg" />
Based on 25 user ratings
</div>
Run Code Online (Sandbox Code Playgroud)
这里再次举例说明了评级信息.
<div itemscope itemtype="http://schema.org/Offer">
<span itemprop="name">Blend-O-Matic</span>
<span itemprop="price">$19.95</span>
<div itemprop="reviews" itemscope itemtype="http://schema.org/AggregateRating">
<img src="four-stars.jpg" />
<meta itemprop="ratingValue" content="4" />
<meta itemprop="bestRating" content="5" />
Based on <span itemprop="ratingCount">25</span> user ratings
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
资料来源:http://schema.org/docs/gs.html#advanced_missing
现在,它似乎像最佳实践(有时)添加微这样,但还是觉得奇怪,我使用元了头块的,所以我查了一下meta标签W3和实现其中的感觉是从哪里来的.
4.2.5元元素
...
可以使用此元素的上下文:
- 如果字符集属性存在,或者如果该元素的HTTP的当量属性是编码声明状态:在头元素.
- 如果http-equiv属性存在但不在编码声明状态中:在head元素中.
- 如果http-equiv属性存在但不在Encoding声明状态中:在作为head …