-3

在使用 W3C 进行验证时，我收到了响应：

头部和身体之间的脚本元素。[HTML5]

HTML5 与常规 XHTML 验证有何不同？

HTML：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link href="services.css" rel="stylesheet" type="text/css">
<script></script>
</head>
<body>

<div id="container">

  <div id="header">
  </div>

  <div id="body">
  </div>

  <div id="footer">
  </div>

</div>
<script></script>
</body>
</html>
4

4 回答 4

11

您将脚本放置在无效位置。

您应该将它们放在头部或身体标签中。每次可以时，将它们放在身体的末端。这是为了避免在下载脚本时阻塞 html 渲染，从而提高站点响应能力。

从w3.org

SCRIPT 元素将脚本放置在文档中。这个元素可以在 HTML 文档的 HEAD 或 BODY 中出现任意次数。

于 2013-05-02T21:39:41.740 回答
2

就像消息说的那样，这是无效的（不仅是脚本标签，还有任何标签）：

</head>
<tag/>
<body>

这些<script>标签必须是 <body>或的后代<head>。

于 2013-05-02T21:40:26.720 回答
0

尝试将您的脚本放在body底部的标签内。

于 2013-05-02T21:39:35.133 回答
0

正如消息所建议的那样，您有一些脚本“浮动”head或body标记。

将此移动到头部或身体标签内：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.4">    </script>
<link rel="stylesheet" type="text/css" href="/fancybox/source/jquery.fancybox.css?v=2.1.4" media="screen">
<script type="text/javascript">
    $(document).ready(function() {
        $('.fancybox').fancybox();
    });
</script>
于 2013-05-02T21:40:19.740 回答