0

所以我从 twitter 网站上为我的网站抓取了这个 twitter 小部件。我有 html 代码中的 twitter 小部件，如下所示

<div id="twitter">
    <a class="twitter-timeline" href="https://twitter.com/twitternamehere" data-widget-id="331777195053809665"> Tweets by @twitternamehere</a>
    <script type="text/javascript" >!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    </div>

XHTML1.0 的验证当然会选择数据小部件 id 无效。我也在 html 4 中厌倦了它。我决定将我的代码包装在 CDATA 标记中以将其隐藏在验证中。像这样，

<![CDATA[
My twitter widget + div
]]>

然而，这弄乱了我应该是的小部件的格式

#twitter{ 
    overflow:hidden;
    position: absolute; top:96px; left:116px; 
}

CDATA 标记基本上使它移动到我在屏幕中心的其他 div 格式。我尝试只将 twitter 脚本包装在 CDATA 中，但没有运气。

无论如何我可以解决这个格式错误，或者无论如何我可以以任何其他方式从验证中隐藏这个代码？

如果您需要更多详细信息，请发表评论。

谢谢

4

0 回答 0