Fil*_*vić 9 html5 w3c facebook rdfa opengraph
我即将向现有的HTML5 Web应用程序介绍Open Graph协议,我想在不引入任何不必要的问题的情况下包含必要的RDFa数据.
我查看了HTML + RDFa 1.1草案并将其与Facebook的Open Graph协议文档进行比较,我只需要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支持感到困惑,有很多消息来源声称无法以有效的方式完成,直到我最终登陆草案.我不是关于手头问题的专家,所以如果有人可以看看这个并且评论草案在今天的浏览器中所享有的支持,我会很感激.
Fra*_*cke 16
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进行测试时:注意,FB缓存页面解析(全局,Facebook端,硬重载都无济于事),因此请确保每次在网址中添加"唯一"(但无意义)路径信息或GET参数改变一些东西来测试它的帖子:
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
HTML5和HTML + RDFa 1.1都在开发中,这意味着我们现在所说的一切都可能会发生变化.您的问题有两个方面:
为了有效性,您可以定期检查W3C验证器中规范的实现状态.它内置了一个实验性HTML5验证器.
HTML5中的命名空间仍然存在争议.他们创造了导致与实际意图不同的DOM的问题,这导致了我的第二个问题:互操作性问题.您可以使用Live Dom Viewer测试标记的处理方式,或者使用Opera Dragonfly之类的东西来浏览浏览器中文档的DOM表示.
如果您想更多地探讨HTML5 DOM和RDFa的主题,您可能需要阅读Jenni的博客文章.
到目前为止,您的标记并不是真正的问题,但如果您涉及到javascript,则必须注意列的名称空间和值.
| 归档时间： |
|
| 查看次数： |
4999 次 |
| 最近记录： |