Какая разница между тегами HTML <head> и <body>?

Какая разница между тегами HEAD и тегами BODY?

в большинстве книг HTML только "кратко" упоминается теги <head> и <body>... но они просто уходят очень быстро.

Они влияют на то, как браузеры отображают веб-страницы?

Кроме того, они влияют на порядок запуска javascripts?

(Я имею в виду, если у меня есть javascript внутри тега <head>, он будет запускаться перед другим javascript внутри тега <body>? Даже когда <body> пришел до <head>?)

Это слишком запутанно - я никогда не использовал теги head/body, но у меня никогда не было проблем с этим. Но, читая JQuery-учебник, я видел, как люди рекомендуют помещать некоторые коды внутри <head>, а другие внутри тегов <body>.

Спасибо!!!

Ответы

Ответ 1

Обычно код javascript будет функционировать в голове перед кодом в теле. Раздел главы обычно используется для того, чтобы содержать информацию о странице, которую вы не обязательно видите, как мета-ключевые слова мета-описания или названия страницы. Вы также можете ссылаться на любые внешние файлы, такие как .css.js файлы в разделе главы, поскольку они должны загружаться до отображения страницы.

Все, что вы видите на экране в теле секции, можно увидеть на экране.

Ответ 2

  • Вещи в теге head - это вещи, которые не должны отображаться: информация о странице и способы ее обработки.
  • Вещи в теге тела - это то, что должно отображаться: фактический контент.
  • Javascript в теле выполняется так, как он читается и как страница отображается.
  • Javascript в заголовке интерпретируется до того, как что-либо отображается.

Ответ 3

Теги

<script> запускаются, когда браузер обнаруживает их при загрузке страницы. <head> не может содержать контент для страницы, он может содержать только метаинформацию (названия, описания и т.д.), Стили и скрипты. Поэтому, если вы поместите тег <script> в <head>, вы убедитесь, что он запущен до того, как браузер начал загружать содержимое страницы (которое должно идти в <body>).

Если вы хотите манипулировать содержимым страницы, вам необходимо убедиться, что ваш script появляется после содержимого, которое вы манипулируете. Вот почему люди решили поставить скрипты в конце <body>.

Если ваш код неаккуратный (например, с неправильным закрытием тегов), это может вызвать проблемы. Вот почему библиотеки, такие как jQuery, имеют функции, которые помогут вам запустить код, манипулирующий документом в нужное время.

Ответ 4

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

Вы можете разместить неограниченное количество скрипты в вашем документе, и вы можете имеют сценарии как в теле, так и в головной части в то же время.

Общепринятой практикой является функции в головной части или на в нижней части страницы. Таким образом, они все в одном месте и не препятствовать содержимому страницы.

Основное отличие в сценариях головы и тела заключается в том, что обычно люди, которые предпочитают функции, используют javascript, тогда как люди, предпочитающие встроенные методы, будут в основном использовать его под документом.

Functional

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

Ответ 5

В файле HTML есть заголовки и "тело" (полезная нагрузка); как HTTP-запрос.

<body> инкапсулирует содержимое документа, а часть <head> содержит мета элементы, т.е. информацию о содержимом. Это (как правило) название, кодировка, автор, стиль и т.д.

Что касается вашего вопроса о JavaScript: в целом JavaScript оценивается как (загруженный и) анализируемый. Итак, если вы вставляете JavaScript в раздел <head>, он должен быть немедленно разобран.

Ответ 6

Браузер обработает то, что в <head>, чтобы точно показать <body>.

В <head> хранятся такие вещи, как персонаж, который использует ваша страница, когда нужно обновлять, внешние листы или сценарии, которые вы можете включить, и информацию о вашей странице.

<body> содержит только ориентированные на отображение вещи, обычно на основе HTML.

Важно сохранить отдельную модель (т.е. информацию) и представление (т.е. HTML). Зачем? Позже вам может понадобиться обновить стиль, и вы не хотите преследовать его во всем своем HTML, каждый раз, когда это происходит. Лучше сделать это в одном месте для всего документа, в <head>.

Ответ 7

Тэг Head обычно используется для импорта других файлов и определения атрибутов вашей страницы, которые не отображаются, например метаданных. Поэтому вы можете разместить файлы CSS/Javascript, которые требуется веб-страницам в разделе "Голова", и они будут загружаться до отображения вашей страницы.

Тег тела - это место, где вы размещаете части своего веб-сайта, которые вы хотите вытеснить, например, теги p, div и т.д.