脚本获胜'除非有;s: ></脚本>在/头之后

Script won't work unless there's: ></script> after the /head

本文关键字:gt 脚本 lt 之后 获胜      更新时间:2023-09-26

我对这一切还是个新手,对这一切都很敏感,但我想我已经掌握了窍门。

我正在尝试使用pageslide.js jquery脚本,我已经设法使其工作,但前提是存在;

></script>

在/head标记之后,在页面顶部留下一个>。我想我可以把它藏起来,但我宁愿找出原因。有线索吗?

头部目前看起来是这样的;

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>
></script>
<script src="jquery-1.7.1.min.js"></script><script src="jquery.pageslide.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.pageslide.css">
<body>
yada yada

如果我把它拿走,脚本就会停止工作。只是困惑!

提前感谢!!

您应该将脚本标记保留在<head></head>标记中或<body></body>标记中。

你把它放在他们之间了。

这应该是样板代码:

<html>
  <head>
    <title></title>
    <script></script>
  </head>
  <body>
    yada yada
  </body>
</html>

试试这个,告诉我它是否有效:

<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<script src="jquery-1.7.1.min.js"></script><script src="jquery.pageslide.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.pageslide.css">
</head>
<body>
yada yada

您应该在<body> 之前关闭</head>

之所以这样做,是因为浏览器将不明确位于<head><body>内部的标记排序到适当的位置。

因此,如果在</head><body>之间有<link><script>标签,则浏览器会将这些标签放在<head>标签内,因为它们通常与head标签关联。

但当你把>放在前面时,浏览现在将停止在<head>中放标签,而是把其他所有东西放在<body>中,因为>只是纯文本,纯文本与其他html标签(如<div><span>等)一起属于正文。在这种情况下,你可以把任何文本放在>的位置,它仍然会"工作"(在你的情况下)。

这很酷,因为您可以完全省略<html><body><head>标签,因此:

这个

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>
></script>
<script src="jquery-1.7.1.min.js"></script><script src="jquery.pageslide.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.pageslide.css">
<body>
yada yada

与相同

<!doctype html>
<meta charset="UTF-8">
<title>Test</title>
<div></div>
<script src="jquery-1.7.1.min.js"></script><script src="jquery.pageslide.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.pageslide.css">
yada yada

简而言之:添加></script>是浏览器放置的区别

  <script src="jquery-1.7.1.min.js"></script><script src="jquery.pageslide.js">   </script>
  <link rel="stylesheet" type="text/css" href="jquery.pageslide.css">

<body><head>标签中