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

Javascript 头部和身体之间的脚本元素。[HTML5],javascript,jquery,html,validation,Javascript,Jquery,Html,Validation,在使用W3C进行验证时,我收到了以下响应: 头部和身体之间的脚本元素。[HTML5] 与常规的XHTML验证相比,HTML5是如何做到这一点的 HTML: <!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <link href="services.css" rel="stylesheet" type="text/css"> &

在使用W3C进行验证时,我收到了以下响应:

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

与常规的XHTML验证相比,HTML5是如何做到这一点的

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>


尝试将脚本放在底部的
正文
标记中。

将脚本放在无效位置

您应该将它们放置在头部或身体标记中。每次你都可以,把它们放在身体的末端。这是为了避免在加载脚本时阻塞html呈现,从而提高站点响应能力

SCRIPT元素将脚本放置在文档中。此元素可能在HTML文档的头部或正文中出现任意次数


正如消息所建议的,您有一些脚本“浮动”在
标记之外

将此标记移动到头部或身体标记内:

<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>

$(文档).ready(函数(){
$('.fancybox').fancybox();
});

正如消息所说,这是无效的(不仅仅是脚本标记,还有任何标记):



那些
标记需要是
的后代,这很简单。在结束头标记和开始正文标记之间有一个脚本元素。不知道最初的结束原因,但是在你编辑的标记中,头部和身体之间不再有脚本元素。自从我对你的问题发表评论以来,你还没有编辑过它。您当前的标记没有重现您描述的问题,因此我无法重新打开它。(我可以,但是我必须用另一个原因来结束它,这是毫无意义的。)在你回答之前,请不要标记你的问题以引起我们的注意。他们在这里的措辞让人觉得他们在讨论可以放置的次数,选民:你介意分享一下答案的错误吗?
</head>
<tag/>
<body>