Twitter时间轴不显示HTML

时间:2017-07-31 23:33:45

标签: javascript html twitter

Twitter时间轴未显示此代码:



<!doctype html>
<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Gavi Soul Offical Website</title>
  <link rel="stylesheet" type="text/css" href="css.css" />
</head>

<body>
  <a class="twitter-timeline" data-lang="en" data-width="500" data-height="700" data-theme="dark" href="https://twitter.com/THE_HOMIE_GAVI... async src=" //platform.twitter.com/widgets.js " charset="utf-8 ">
  </script>
</body>

</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

问题在于您关闭<a>代码并尝试运行<script>的方式。你似乎错过了那里的一段代码。

除此之外,您的代码谜语有HTML语法错误,这就是为什么它没有按照您的预期显示。您需要更正这些内容,确保您遵循正确的HTML structure

在以下示例中,我已经为您完成了这项工作:

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Gavi Soul Offical Website</title>
  <link rel="stylesheet" type="text/css" href="css.css" />
</head>

<body>
  <a class="twitter-timeline" data-lang="en" data-width="500" data-height="700" data-theme="dark" href="https://twitter.com/THE_HOMIE_GAVI">Link</a>
  <script async src="//platform.twitter.com/widgets.js " charset="utf-8 "></script>
</body>

</html>

请注意以下事项:

  • 只有一个doctype
  • "标记的href属性中的结束<a>
  • >代码的结束</a><a>,内容介于其中
  • 开场<script>代码

W3Schools对此有一个很好的introduction tutorial。完成后,您可以使用W3 Markup Validator

验证您的代码

只需使用相关的Twitter链接替换href标记中的<a>(目前https://twitter.com/THE_HOMIE_GAVI)。

希望这有帮助! :)