-2

我从http://validator.w3.org收到如下验证错误

1) 错误第 136 行，第 34 列：没有属性“data-href”

2) 错误第 136 行，第 259 列：没有属性“数据发送”

3) 第 136 行，第 259 列：没有属性“data-send”

4) 第 136 行，第 278 列：没有属性“data-layout”

5) 第 136 行，第 304 列：没有属性“data-width”

6) 错误第 136 行，第 326 列：没有属性“data-show-faces”

我的代码是

<div class="fb-like"  data-href="{$url->job($details.jkey,$details.seocountry,$details.seocity,$details.seoindustry,$details.seojobtitle,$details.seoqulurl,$details.seojobSubCatagory)}" data-send="true" data-layout="button_count" data-width="100" data-show-faces="true"></div>

请帮我解决这些错误。提前致谢

4

6 回答 6

4

我猜你用错了doctype。确保您的文档以：

<!doctype html>

data-*除非您使用 HTML5 文档类型，否则属性无效。

此外，这些看起来像 HTML 验证错误，而不是 CSS。

于 2012-06-29T09:39:25.973 回答
3

从 HTML 中删除 data- 属性。然后在调用 facebook 之前使用 javascript 添加属性。

下面是一个使用 jQuery 的例子：

<div id="fb-root"></div>
<div class="fb-like"></div>

var jQueryFBLike = $(".fb-like");
jQueryFBLike.attr("data-send", "false");
jQueryFBLike.attr("data-layout", "button_count");
jQueryFBLike.attr("data-width", "85");
jQueryFBLike.attr("data-show_faces", "false");

(function(d){
    var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement('script'); js.id = id; js.async = true;
    js.src = "//connect.facebook.net/en_US/all.js#appId=&xfbml=1";
    ref.parentNode.insertBefore(js, ref);
}(document));
于 2013-05-04T16:51:00.857 回答
2

更改您的文档类型。

示例代码：

<!DOCTYPE html>
<html>
<head>
<title>sample</title>
</head>
<body>
<div class="fb-like"  data-href="{$url->job($details.jkey,$details.seocountry,$details.seocity,$details.seoindustry,$details.seojobtitle,$details.seoqulurl,$details.seojobSubCatagory)}" data-send="true" data-layout="button_count" data-width="100" data-show-faces="true"></div>
</body>
</html>
于 2012-06-29T09:56:16.960 回答
2 
<div class="fb-like" data-href="http://www.facebook.com/pages/Your-Page" data-send="false" data-width="350" data-show-faces="false" data-font="arial"></div>

对于 XHTML 过渡替换为：

<script language="javascript" type="text/javascript">

//<![CDATA[

document.write('<div class="fb-like" data-href="http://www.facebook.com/pages/Your-Page" data-send="false" data-width="350" data-show-faces="false" data-font="arial"><\/div>');

//]]>

</script>

对于 HTML 4.01 过渡不要忘记手动转义 </div>，替换为：

<script type="text/javascript">
document.write('<div class="fb-like" data-href="http://www.facebook.com/pages/Your-Page" data-send="false" data-width="350" data-show-faces="false" data-font="arial"><\/div>');
</script>
于 2014-03-25T12:10:18.300 回答
1

它还会抛出带有短标签的错误！经过大量的谷歌搜索后，我附上了 JavaScript，CDATA以便与 4.01 一起使用。

于 2012-10-07T11:44:49.083 回答
0

您可以使用：

        <script type="text/javascript">                (function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) return;
                js = d.createElement(s); js.id = id;
                fjs.parentNode.insertBefore(js, fjs);
            } (document, 'script', 'facebook-jssdk'));</script>
         <script language="javascript" type="text/javascript">
            //<![CDATA[
             document.write('<div class="fb-like" data-href="https://www.facebook.com/virtualservicez" data-layout="button" data-action="recommend" data-show-faces="true" data-share="false"></div>');
             //]]>
        </script>

这适用于我的网站

于 2014-05-21T06:20:41.897 回答