我即将向现有的 HTML5 Web 应用程序引入开放图谱协议,并且我希望包含必要的 RDFa 数据,而不引入任何不必要的杂项。
我看过HTML+RDFa 1.1 http://www.w3.org/TR/rdfa-in-html/草稿并与Facebook 的 Open Graph 协议文档 http://developers.facebook.com/docs/opengraph,我只需要设置lang
属性上的html
元素并且它已准备好 HTML5:
<html lang="en">
<head xmlns:og="http://opengraphprotocol.org/schema/">
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
...
最初,我对 HTML5 中的 RDFa 支持感到困惑,因为有很多消息来源声称它无法以有效的方式完成,直到我最终接触到草案。我不是手头问题的专家,所以如果有人能看一下这个并评论该草案在当今浏览器中所享有的支持,我将不胜感激。
W3C 验证器抱怨每一个
<meta property="whatever" content...
要求该财产
<meta name="whatever ...
相反,对吗?如果 facebook 是你最关心的,我很高兴地告诉你,它容忍后一种形式,所以就去做吧:
<meta name="og:title" content="My nice picture"/>
<meta name="og:type" content="article"/>
<meta name="og:url" content="http://foobar123.com/test/simple.php"/>
用FB测试时:Beware,FB 缓存页面解析(全局,facebook 端,硬重载无济于事),因此每次更改某些内容来测试 facebook 时,请确保添加“唯一”(但毫无意义)路径信息或 GET 参数到 url -发布它:
mysite.com/test.php/bogusParam1
mysite.com/test.php/bogusParam2
mysite.com/test.php/bogusParam3
...
mysite.com/test.php?foo=hello
mysite.com/test.php?foo=howdy
mysite.com/test.php?foo=aloha
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)