gpt4 book ai didi

html - 新的 Facebook 点赞按钮 HTML 验证

转载 作者:技术小花猫 更新时间:2023-10-29 11:39:37 24 4
gpt4 key购买 nike

在我的页面上添加新的 facebook like 按钮后,它不再使用 XHTML 严格标准进行验证。我遇到的两个错误是:

  1. 所有的meta property标签都表示没有属性property
  2. 点赞按钮行中使用的所有变量均已列出,但没有属性。该行如下:

    <fb:like href="http://www.pampamanta.org" layout="button_count" show_faces="false" width="120" action="like" font="arial" colorscheme="light"></fb:like>

最佳答案

这里有一个不交换文档类型的解决方案:

正如 zerkms 所建议的,添加“fb”命名空间仅适用于“fb:”属性。元标记的“property”属性在 XHTML 中仍然无效。

如您所知,Facebook 建立在 RDFa 合规性之上,因此您可以使用以下文档类型:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> 

虽然在大多数情况下,使用 RDFa 带来的问题比简单的 FB 问题修复要多。

正如 _timm 所建议的那样,将元标记动态写入 dom 没有任何意义。这些 fb 元标签的主要用途之一是 FB-bot 解析“分享”或“我喜欢”目标页面(操作页面),为 facebok 墙贴自动填充提供自定义标题、图像和 anchor 标签。考虑到这一事实,并且考虑到 facebook 肯定使用简单的页面获取来读取交付的 html 响应,而没有任何解析由 javascript 注入(inject)的相关元标记的能力,预期的功能将完全失败。

现在,有一个非常简单的解决方案可以在 XHTML 验证和 facebook 的成功解析之间提供折衷:将 facebook 元数据包装在 html 注释中。这绕过了 w3c 解析器并且 facebook 仍然识别元标记,因为它忽略了评论。

<!--
<meta property="og:image" content="myimage.jpg" />
<meta property="og:title" content="my custom title for facebook" />
-->

关于html - 新的 Facebook 点赞按钮 HTML 验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2761622/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com