如何修复facebook登录按钮w3验证器错误


How to fix the facebook login button w3 validator error

在我的项目中,我添加了fconnect按钮代码如下。我已经使用了HTML 5。

<fb:login-button>Login with Facebook</fb:login-button>

我的doctype声明如下:

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />

当我使用上面的代码时,我在HTML5的w3验证器中出现了以下错误。

您可以在这里找到按钮代码。

<ul>
  <li>
    <fb:login-button>Login with Facebook</fb:login-button>
  </li>
</ul>

第219行第24列-错误:元素fb:login-button不允许在此上下文中作为元素li的子元素。(从这个子树中排除更多错误。

如何在HTML5中修复此错误。

try

<html lang="en" xmlns:fb="http://www.facebook.com/2008/fbml">

呵呵,这听起来可能很蠢,但你可以这样做

<div id="your_valid_fb_login"></div>
<script>
$('#your_valid_fb_login').html('<fb:login-button scope="public_profile,email" onlogin="checkLoginState();"></fb:login-button><div id="status"></div>');
</script>