Question

我正在使用jQuery Mobile，现在，我在<head>标记的底部有以下内容：

<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<title>help</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>

由于用户的网络访问权限很差，我希望用户可以更快地加载我的页面，即使JavaScript或CSS还没有准备就绪。

如果我能这样做：

将<head>放在<body>
将<script>放在<body>

Answer 1

不，你不能把head放在body之后。
是的，你可以，这是推荐的方式，因为浏览器首先加载html组件，就像你说的那样，然后应用你的脚本。但是你可以在你需要它之前把它放在它之前。 Read more here

另一方面，css应该与head标记内链接。

Answer 2

您无法将<head>放在<body>之后。

将<script>放在<body>的末尾是好的。但是，针对您的问题的最佳解决方案是将<script>放入<head>标记，并使用async或defer属性。可以找到here的解释。

CSS应始终转到<head>。

JavaScript / CSS应该放在HTML页面的底部吗？

2 个答案: