Chatango 嵌入代码的 W3C 验证器错误

Question

所以我在我的网站上嵌入了一个 chatango 选项卡，但是在为 HTML 验证它时出现此错误。

元素脚本的文本内容不符合要求的格式：应为 space、制表符、换行符或斜杠，但找到了 {。

有什么解决方法吗？谢谢！

<script id="cid0020000101807397328" data-cfasync="false" async src="//st.chatango.com/js/gz/emb.js" style="width: 603px;height: 471px;">
{"handle":"********","arch":"js","styles":{"a":"000000","b":100,"c":"a0a0a0","d":"FFFFFF","e":"202020","g":"bbbbbb","h":"202020","j":"c0c0c0","k":"0084ef","l":"606060","m":"0084ef","n":"FFFFFF","p":"10","q":"000000","r":100,"pos":"br","cv":1,"cvfntsz":"14px","cvbg":"3366ff","cvw":600,"cvh":30,"surl":0,"allowpm":0,"cnrs":"0.35","ticker":1,"fwtickm":1}}</script>

Answer 1

正如 Ben 所说 - 您不能在带有 src 的标签内使用代码。

但这里有一些有效且可行的解决方案：

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>chatango</title>

  </head>
  <body>
    <script type="text/javascript">
        var chatango = document.createElement('script');
        chatango.setAttribute('type','text/javascript');
        chatango.setAttribute('id','cid0020000101807397328');
        chatango.setAttribute('data-cfasync','false');
        chatango.setAttribute('async',true);
        chatango.setAttribute('src','//st.chatango.com/js/gz/emb.js');
        chatango.setAttribute('style','width: 603px;height: 471px;');
        chatango.innerHTML = '{"handle":"1shotgg","arch":"js","styles":{"a":"000000","b":100,"c":"a0a0a0","d":"FFFFFF","e":"202020","g":"bbbbbb","h":"202020","j":"c0c0c0","k":"0084ef","l":"606060","m":"0084ef","n":"FFFFFF","p":"10","q":"000000","r":100,"pos":"br","cv":1,"cvfntsz":"14px","cvbg":"3366ff","cvw":600,"cvh":30,"surl":0,"allowpm":0,"cnrs":"0.35","ticker":1,"fwtickm":1}}';
        document.body.appendChild(chatango);
    </script>
  </body>
</html>

Chatango 嵌入代码的 W3C 验证器错误

W3C validator error with Chatango embedded code

javascript

html

embed

w3c-validation