2011-06-10 303 views
14

HEAD標籤和BODY標籤有什麼區別?HTML <head>和<body>標籤有什麼區別?

大多數HTML圖書只是'簡要'提及<head><body>標籤...但他們只是消失得非常快。

它們是否會影響瀏覽器呈現網頁的方式?

另外,它們會影響JavaScripts的運行順序嗎?

(我的意思是,如果我有一個<head>標籤內的一個JavaScript,將它運行之前另一個JavaScript內<body>標籤即使<body>來之前<head>?)

這是太混亂了 - 我沒有曾經使用過頭部/身體標籤,但我從來沒有遇到任何麻煩。 但是在閱讀jQuery教程時,我看到有人推薦在<head>裏面加入一些代碼,其他代碼在<body>裏面。

謝謝!!!

+6

你可能想接受一些答案。 (HTTP://meta.stackexchange。問題/ 91889 /我如何接受答案我的問題/ 91891#91891) – Kevin 2011-06-10 07:55:00

+0

我從來沒有見過身體在頭部前出現的文件。這甚至是有效的嗎? – CodesInChaos 2011-06-10 07:55:33

+0

可能重複的[我應該寫腳本在身體或HTML的頭?](http://stackoverflow.com/questions/3531314/should-i-write-script-in-the-body-or-the -html) – 2011-06-10 07:57:27

回答

8

通常JavaScript代碼將在代碼正文前頭起作用。頭部通常用於包含有關頁面的信息,您不會像元關鍵字元描述或頁面標題一樣看到這些信息。您還可以鏈接到任何外部文件,如頭部分中的.css .js文件,因爲它們需要在頁面顯示之前加載。

任何在身體部分是你期望在屏幕上看到的。

+0

根據這個http://stackoverflow.com/a/1833792/1728314在關閉'body'之前鏈接到JS可能更好,以避免阻止下載呈現。 – wacha 2017-05-01 10:40:20

13
  • 頭標記中的東西是不應呈現的東西:有關頁面的信息以及如何處理它。
  • 身體標籤中的東西是應顯示的內容:實際內容。
  • 在讀取頁面並呈現頁面時,正文中的Javascript被執行。
  • 在呈現任何東西之前,頭部的JavaScript被解釋。
+1

嗨,「身體中的Javascript是在閱讀和執行頁面時執行的」,由「和」表示,它是否會被執行兩次?一次讀取後,一次後頁面呈現? – 2013-05-10 04:35:03

+0

@HelinWang編號我的意思是,當渲染到達身體的這一點時,它會被執行。 – trutheality 2013-05-11 21:15:59

+0

傳統上認爲最好的做法是在''標籤末尾放置腳本標籤,因爲瀏覽器會停止解析文檔,直到所有加載腳本。現代瀏覽器不適用。 – max 2014-05-13 11:24:22

7

<script>標籤在瀏覽器加載頁面時遇到它們時運行。 <head>不能包含頁面的內容,它只能包含元信息(標題,描述等),樣式和腳本。因此,如果您將<script>標記放置在<head>中,則確保它在瀏覽器開始加載頁面內容(必須在<body>中)之前運行。

如果您想操作頁面的內容,您需要確保您的腳本出現在您操作的內容之後。這就是爲什麼人們選擇將腳本放在<body>的末尾。

如果您的代碼很瑣碎(例如,標籤沒有正確關閉),這可能會導致問題。這就是爲什麼像jQuery這樣的庫可以幫助您在正確的時間運行代碼來處理文檔的功能。

+0

完美答案,讓我所有的問題都清楚。此外,它描述的情況

0

瀏覽器將處理什麼的<head>準確地顯示<body>

<head>包含您的頁面使用的字符集,刷新時間,您可能希望包含的外部工作表或腳本以及有關您的頁面的信息等內容。

<body>只保留面向顯示的東西,通常是基於HTML的。

讓模型(即信息)和視圖(即HTML)保持分離很重要。爲什麼?稍後,您可能需要更新樣式,並且您不希望在每次發生HTML時通過所有HTML追查它。最好在整個文檔的一個地方完成,在<head>

2

與HTTP請求類似,HTML文件具有標頭和「正文」(有效負載)—。

<body>封裝了文檔的內容,而<head>部分包含meta元素,即信息的內容。這是(通常)標題,編碼,作者,造型等。

至於你對JavaScript的問題:一般來說,JavaScript被評估,因爲它是(加載和)解析。因此,如果您在<head>部分嵌入了JavaScript,則應立即進行解析。

0

Head標籤通常用於導入其他文件並定義未顯示的頁面屬性,如元數據。因此,您可以將網頁所需的CSS/Javascript文件放置在您的Head部分,並且在您的頁面顯示之前加載它們。

身體標記是你放置你想要位移的網站部分,如p標籤,div等

+0

這個問題被問及在4年前,用戶仍然不會嘗試解決問題...在這個論壇上,總是檢查日期(靠近用戶符號)知道該怎麼做...如果它太舊了,就放棄它,它只會成爲歷史回顧問題 – Bonatti 2015-11-18 17:16:29

相關問題