我正在尝试简单地将类似按钮添加到我的简单网站中,而我根本没有得到任何图形。我去了AddThis,他们的实现也不起作用。我的系统设置不正确还是我犯了新手错误。这是代码,我得到的是带有段落的红色框。 谢谢你的帮助!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml: lang="en" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:fb="http://ogp.me/ns/fb#">
<head>
<title>Facebook button test</title>
</head>
<body>
<style type="text/css">
.content p {
border: 1px solid red;
position: relative;
}
.fb-root {
border: 3px solid blue;
height: 200px;
width: 500px;
padding: 1em;
float: right;
}
.fb-like {
border: 10px solid green;
padding: 1em;
}
</style>
<div class="content">
<div id="fb-root"></div>
<script>(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>
<fb:like href="facebook.com/burgessfww" send="true" layout="button_count" width="450" show_faces="false"></fb:like>
<p> Some text to take up some space and see what's happening!</p>
</div>
</body>
</html>
答案 0 :(得分:0)
我认为这个问题很简单......但是因为我没有测试它你应该这样做!
<html xmlns="http://www.w3.org/1999/xhtml" xml: lang="en" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:fb="http://ogp.me/ns/fb#">
这似乎是你的错:XMLNS:FB两次
xmlns:fb =“http://www.facebook.com/2008/fbml”xmlns:fb =“http://ogp.me/ns/fb#”
将其更改为
xmlns:fb =“http://www.facebook.com/2008/fbml”xmlns:og =“http://ogp.me/ns/fb#”
最好的问候