隐藏来自html验证的代码会破坏格式化

时间:2013-05-13 01:26:04

标签: html css validation cdata

所以我从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格式。我尝试在CDATA内部包装twitter脚本,但没有运气。

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

评论是否需要更多详细信息。

由于

0 个答案:

没有答案