HTML和标签之间有什么区别?

时间:2011-06-10 07:52:32

标签: javascript html

HEAD标签和BODY标签之间有什么区别?

大多数HTML图书仅“简要”提及<head><body>代码......但它们只是快速消失。

它们会影响浏览器呈现网页的方式吗?

另外,它们是否会影响javascripts的运行顺序?

(我的意思是,如果我在<head>代码中有javascript,它会在<body>代码中的其他javascript之前运行吗?即使<body>来到<head>之前? )

这太令人困惑 - 我从未使用过头部/身体标签,但我从来没有遇到任何麻烦。 但在阅读Jquery教程时,我看到有人建议在<head>内放置一些代码,在<body>标签内放置其他代码。

谢谢!!!

8 个答案:

答案 0 :(得分:16)

  • head标签中的内容是不应呈现的内容:有关页面的信息以及如何处理它。
  • 正文标签中的内容是应该显示的内容:实际内容。
  • 正文中的Javascript在读取和呈现页面时执行。
  • 在呈现任何内容之前解释头部中的Javascript。

答案 1 :(得分:10)

通常javascript代码将在正文中的代码之前的头部中起作用。 head部分通常用于包含有关您不必看到的页面的信息,如元关键字元描述或页面标题。您还可以链接到头部中的任何外部文件,如.css .js文件,因为它们需要在页面显示之前加载。

身体部分的任何内容都是您希望在屏幕上看到的内容。

答案 2 :(得分:10)

当浏览器在加载页面时遇到它们时,会运行

<script>标记。 <head>不能包含页面内容,它只能包含元信息(标题,描述等),样式和脚本。因此,如果您在<script>中放置<head>标记,则确保在浏览器开始加载页面内容之前运行该标记(必须在<body>中)。

如果您想操纵页面内容,则需要确保脚本出现在您正在操作的内容之后。这就是为什么人们选择将脚本放在<body>

的末尾

如果您的代码很邋((例如,标签未正确关闭),则可能会导致问题。这就是为什么像jQuery这样的库具有帮助您在正确的时间运行代码来操作文档的功能。

答案 3 :(得分:2)

http://www.w3schools.com/js/js_whereto.asp

  

您可以放置​​无限数量的   您可以在文档中使用脚本   在身体和身体都有脚本   头部同时进行。

     

通常的做法是全部   功能在头部或在   页面底部。这样他们   都在一个地方而不是   干扰页面内容。

头部和身体脚本的主要区别在于,通常喜欢功能的人使用javascript,而喜欢内联练习的人通常会在文档下方使用它。

功能

<html>
<head>
<script type="text/javascript">
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>

<body>

<h1>My First Web Page</h1>

<p id="demo"></p>

<button type="button" onclick="displayDate()">Display Date</button>

</body>
</html>

<强>内联

<html>
<body>
<h1>My First Web Page</h1>

<p id="demo"></p>

<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>

</body>
</html>

答案 4 :(得分:2)

HTML文件包含标题和“正文”(有效负载) - 就像HTTP请求一样。

<body>封装文档的内容,而<head>部分包含元素,即关于内容的信息。这是(通常)标题,编码,作者,样式等。

至于你关于JavaScript的问题:一般来说,JavaScript会在进行(加载和)解析时进行评估。因此,如果您在<head>部分嵌入JavaScript,则应立即对其进行解析。

答案 5 :(得分:0)

浏览器会处理<head>中的内容以准确显示<body>

<head>包含您的网页使用的字符集,何时刷新,您可能想要包含的外部工作表或脚本以及有关您网页的信息等内容。

<body>只包含面向显示的内容,通常是基于HTML的。

保持模型(即信息)和视图(即HTML)是分开的很重要。为什么?之后,您可能希望更新样式,并且每次发生时都不希望通过所有HTML追逐它。最好在<head>

的整个文档的一个地方进行

答案 6 :(得分:0)

Head标记通常用于导入其他文件并定义未显示的页面属性,如元数据。因此,您可以在网页部分中放置网页所需的CSS / Javascript文件,并在页面显示之前加载它们。

正文标记是您放置您想要替换的网站部分的位置,例如p标签,div等。

答案 7 :(得分:0)

据我所知:

头部的JavaScript 通常是 预加载某些文件 (通常视情况而定的过程或功能)。例如,使用Time()或Date()函数的网站将要求在完全加载该网站之前调用包含这些功能的.js文件,以允许该实例在即将使用之前可用(预加载)。同样也适用于其他自定义功能。

正文部分的JavaScript 主要用于 向网站添加其他功能 。以自定义.js文件为例,该文件的功能是检查输入字符串中单词的正确性或将输入字符串中输入的所有字符匹配为特定长度。

使用这两个约定中的任何一个缺点是 从头部分调用自定义.js文件(意味着具有网站功能) 。这意味着在网站内容完全加载之前,JS文件已经耗尽了其功能。