Question

我在我的应用程序[asp.net c＃]中使用Twitter Widget。我的代码是：

StringBuilder strTwittsViewer = new StringBuilder();
strTwittsViewer.Append("</span><span class='cssClassFollowButton'><a href=\"https://twitter.com/Shree\" class=\"twitter-follow-button\" data-show-count=\"false\">Follow @Shree</a>");
strTwittsViewer.Append("<script type='text/javascript'>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=\"//platform.twitter.com/widgets.js\";fjs.parentNode.insertBefore(js,fjs);}}(document,\"script\",\"twitter-wjs\");</script></span></p>");

但我的代码无法通过W3C validation。我收到了错误 there is no attribute "data-show-count" …witter-follow-button" data-show-count="false">Follow @shree</a><script typ…
我搜索并找到this solution但无法理解如何使用我的代码实现此解决方案。谢谢。

Answer 1

因为数据属性是HTML 5 spec的一部分。使用<!DOCTYPE html>指定HTML 5 doctype

取自here

或

将您的链接代码放入document.write，这样您就可以

strTwittsViewer.Append(@"<script language=""javascript"" type=""text/javascript"">"); strTwittsViewer.Append(@"//<![CDATA["); strTwittsViewer.Append(@"document.write('<span class=""cssClassFollowButton""><a href=\""https://twitter.com/Shree\"" class=\""twitter-follow-button\"" data-show-count=\""false\"">Follow @Shree</a>"");"); strTwittsViewer.Append(@"//]]>"); strTwittsViewer.Append(@"</script>");

Twitter小部件的W3C验证

1 个答案: