Facebook LIKE 按钮和 W3C 验证失败

Question

http://developers.facebook.com/docs/reference/plugins/like

要包含来自 facebook 的流行 [Like] 按钮，我必须使用以下代码：

<iframe src="http://www.facebook.com/plugins/like.php?href=www.MyDomain.com&amp;layout=standard&amp;show_faces=false&amp;width=225&amp;action=like&amp;font=lucida+grande&amp;colorscheme=dark&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:80px;" allowTransparency="true"></iframe>

由于 allowedTransparency 属性，我的网站不再在 W3C 上验证：

Line 313, Column 342: there is no attribute "allowTransparency"
… overflow:hidden; width:250px; height:80px;" allowTransparency="true"></iframe>

有解决办法吗？我无法使用 XFBML 版本。这非常糟糕..

营销与概念网站舍布鲁克

Answer 1

您是否尝试过忽略此属性？不应该需要它。标准就更不用说了。

Answer 2

好吧，在浏览了数百篇这样的帖子之后，我终于找到了一种快速简单的方法来获取带有“赞”按钮（或任何其他 Facebook 小部件）的有效页面。

实际上只需几行代码，请查看 http: //www.liormark.com/develop/development-articles/facebook-fbml-w3c-validation-solved

Answer 3

以下代码应该可以解决验证问题：

<script language="javascript" type="text/javascript">
//<![CDATA[
document.write('<fb:like send="true" width="600" show_faces="true"></fb:like>');
//]]>
</script>

Answer 4

如果我没记错的话，allowtransparency是微软编造的一个属性。那么，是否对 Internet Explorer 系列使用不同的代码以使其正常工作，并使用不同的代码让其他浏览器进行验证？

虽然这不是您应该担心的事情，但遵循标准是一件好事，但如果您的网站因为类似的事情而无法验证，那也不是世界末日。

Answer 5

这是最好的代码：

享受......:)

<div id="fb-root"></div>
    <script type="text/javascript" language="javascript">
    //<![CDATA[
    (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
    //]]>
    </script>
    <script type="text/javascript" language="javascript">
    // <![CDATA[
    document.write('<fb:like href="URL" send="false" width="450" show_faces="false"></fb:like>');
    // ]]>
    </script>