Раздел head: HTML Раздел Head — Вебджем.рф | Создание и продвижение сайтов

Содержание

| WebReference

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

Содержимое <head> не отображается напрямую на веб-странице, за исключением элемента <title>, он задаёт заголовок окна веб-страницы.

Внутри контейнера <head> допускается размещать следующие элементы: <base>, <basefont>, <bgsound>, <link>, <meta>, <script>, <style>, <title>.

Синтаксис

<head>
  ... 
</head>

Атрибуты

profile: Указывает адрес профиля метаданных.

Пример

<!DOCTYPE HTML> <html> <head> <!— Этот раздел предназначен для заголовка страницы и технической информации.

—> </head> <body> <!— А здесь надо размещать всё, что хочется увидеть на странице. —> </body> </html>

Спецификация

Спецификация	Статус
WHATWG HTML Living Standard	Живой стандарт
HTML5	Возможная рекомендация
HTML 4.01 Specification	Рекомендация

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.

Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
Draft (Черновик спецификации) — первая черновая версия стандарта.

Браузеры


1	12	1	1	1	1

Браузеры

В таблице браузеров применяются следующие обозначения.

— элемент полностью поддерживается браузером;
— элемент браузером не воспринимается и игнорируется;

— при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Документ

См. также

Создание первой веб-страницы
Что всё это значит?

Практика

Структура HTML-кода

Раздел head

Раздел HEAD выполняет функцию рабочего заголовка HTML-документа и является, по сути, «бойцом невидимого фронта» — — теги, указываемые внутри этого раздела, чрезвычайно важны и могут сильно влиять на внешний вид документа, но сами остаются незаметными глазу пользователя. Данному разделу сопоставлен парный тег <HEAD></HEAD>.

Рассмотрим теги HTML, которые указываются внутри раздела HEAD.

Название документа <TITLE>.

Парный тег <TITLE></TITLE> предназначен для указания имени созданному документу. Следует помнить, что под именем документа в данном случае имеется в виду не файловое наименование, а визуальный заголовок HTML-страницы. Данный тег не является обязательным, однако рекомендуется по ряду причин:

Отсутствие тега названия документа заставит браузер при интерпретации HTML-кода вывести в заголовке окна фразу типа Untitled Document (Документ без названия), что не соответствует ни тематике вашего сайта, ни его наполнению;
При попытке добавить созданный вами HTML-документ (без тега) в «закладки» браузера пользователю придется самостоятельно вписывать название добавляемой страницы;
Поисковые системы, столкнувшись с безымянной страницей, занесут ее в свои базы данных под заголовком Untitled, что сделает HTML-документ безликим и похожим на миллионы других страниц, размещенных в Интернете.

Связь между документами <LINK>

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

<LINK HREF=»styles/main.сss» TYPE=»text/css» REL=»stylesheet»>

Приведенный пример показывает отношение между HTML-документом, в разделе HEAD которого указана данная кодовая конструкция, и внешним файлом шаблона стилей main.сss.

Возможные параметры тега <LINK>:

HREF	Указание ссылки на внешний документ
TYPE	Тип внешнего документа
REL	Отношение между текущим и внешним документом
REV	Отношение между внешним и текущим документом

Мета-определения <МЕТА>

Секция заголовка может содержать несколько элементов МЕТА, каждый из которых отвечает за определенный набор параметров.

Использование элементов МЕТА не является обязательным, но некоторые настройки могут быть весьма важны. Так, например, известно, что браузер в некоторых случаях способен автоматически определить вид кодировки страницы. Пользователь, работая с браузером, может выбрать в меню определенную кодировку. Чтобы исключить неопределенность при просмотре конкретной страницы, на ней целесообразно разместить указание на кодовую страницу. Для документов в кодировке Windows оно должно быть таким:

<МЕТА http—equiv=»Content—Type» content=»text/html; charset=windows-1251″>

Информация, сосредоточенная в элементах МЕТА, определяет общие настройки Web-страницы и называется профилем. Профили можно хранить в отдельных файлах и присоединять к определенной странице при помощи специального атрибута элемента HEAD:

<HEAD profile=”URL”>

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

Так, если для последней создано звуковое сопровождение, то его параметры определяет элемент BGSOUND

Элементы <STYLE> и <SCRIPT>

В структуру раздела документа HEAD также могут входить парные теги <STYL></STYLE> и <SCRIPT></SCRIPT>. Первый тег описывает стилевые шаблоны документа, второй – содержит код исполняемых сценариев (скриптов).

HTML-тег — GeeksforGeeks

Улучшить статью

Сохранить статью

Уровень сложности: Easy
Последнее обновление: 22 июл, 2022

Читать

Обсудить

Улучшить статью

Сохранить статью

Тег в HTML используется для определения заголовка документа, содержащего информацию, относящуюся к документу.
Тег содержит другие элементы заголовка, такие как<div id="yandex_rtb_2" class="yandex-adaptive classYandexRTB"></div> <script type="text/javascript">if(rtbW>=960){var rtbBlockID="R-A-744004-3";} else{var rtbBlockID="R-A-744004-5";} window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo:"yandex_rtb_2",blockId:rtbBlockID,pageNumber:2,onError:(data)=>{var g=document.createElement("ins");g.className="adsbygoogle";g.style.display="inline";if(rtbW>=960){g.style.width="580px";g.style.height="400px";g.setAttribute("data-ad-slot","9935184599");}else{g.style.width="300px";g.style.height="600px";g.setAttribute("data-ad-slot","9935184599");} g.setAttribute("data-ad-client","ca-pub-1812626643144578");g.setAttribute("data-alternate-ad-url",stroke2);document.getElementById("yandex_rtb_2").appendChild(g);(adsbygoogle=window.adsbygoogle||[]).push({});}})});window.addEventListener("load",()=>{var ins=document.getElementById("yandex_rtb_2");if(ins.clientHeight =="0"){ins.innerHTML=stroke3;}},true);</script>,<meta>,<link>, <style><link> и т. д.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i.pinimg.com/originals/01/8c/7b/018c7bab4e9df843dc9bb6884edcde89.png' /><noscript><img loading='lazy' src='/800/600/http/i.pinimg.com/originals/01/8c/7b/018c7bab4e9df843dc9bb6884edcde89.png' /></noscript> <br/> В HTML 4.01 элемент<head> был обязательным, но в HTML5 элемент<head> можно опустить. <br/> <strong> Специфические атрибуты тега </strong> : <br/> Упомянутые ниже атрибуты макета тега<hr> были удалены из HTML5.</p><p> <strong> Атрибут: </strong> </p><ul><li> <strong> профиль: </strong> Используется для указания URL-адреса документа, содержащего один или несколько профилей метаданных, чтобы браузеры могли четко понимать информацию.</li></ul><p> <strong> Синтаксис: </strong> </p><pre> <голова> <title>Название документа

Below program illustrates the element:

Program 1:

HTML

< html lang = "en" >

< голова >

< title >HTML Head Tag title >

head >

< body >

< P > Geeksforgeeks - портал для фанатов. 0003

< hr >

body >

html >

Output:

Программа 2 (с использованием тега стиля внутри тега заголовка)

HTML

0 >

HTML >

2 20003
`<` `html` `>`

`<` `head` `>`
     `<` `style` `>`
         `body {`
             `фон: небесно-голубой;`
         `}`

         `ч 2`
`060              цвет: красный; } P { Цвет: Blue; } Стиль > HEAD > . 0003 < body >      < h2 >GeeksforGeeks h2 >      < p >Это портал для гиков. p > body`

Программа:

9.

< HTML >

< HEAD

> <

>  < . 0060
    <  Ссылка   REL   =   "  Тип   =  " Текст/CSS . 60696069666666666666666666666666666666666666666666666666666666666666666666.... 966666666666666. 966666666666666.. 69666666666. 6966666666666666666.

head >

< body >

< h2 > Geeksforgeeks H2 >

< P > Это портал для GEEK.

Body >

HTML >

11109
11109
11109
1110
  
. 0023  
  Supported Browsers:   
 Google Chrome 1 and above
 Edge 12 and above
 Internet Explorer
 Firefox 1 and above
 Opera
 Safari
  
 
 Related Articles
 Что нового
 Мы используем файлы cookie, чтобы обеспечить вам максимальное удобство при просмотре нашего веб-сайта. Используя наш сайт, вы
подтверждаете, что вы прочитали и поняли наши  Политика в отношении файлов cookie  &  Политика конфиденциальности 
 Элементы, используемые в разделе заголовка HTML-страницы 
 Улучшение статьи
 Сохранить статью
 Последнее обновление:
15 окт, 2020
 Читать
 Обсудить
 Улучшить статью
 Сохранить статью
 Элемент подобен контейнеру для метаданных, т.е. данных о данных, и он также находится между тегом и тегом. Метаданные — это данные о HTML-документе, которые не отображаются на веб-странице. Он определяет название документа, стиль, сценарий и другую метаинформацию.
 HTML-элемент является контейнером для следующих элементов:
 ,<link>,<meta>,<base>, <style>, <script>,… и т.д.</strong></p><li><strong>Элемент<title>:</strong>Элемент<title>определяет заголовок веб-страницы.Заголовок должен быть в текстовом виде,и мы сможем увидеть его на вкладках страниц браузера.<p><strong>Для чего он используется:</strong></p><p>Заголовок страницы используется поисковой системой для определения порядка страниц в результатах поиска.Таким образом,использование осмысленного и точного заголовка поможет вам лучше ранжироваться в поисковой выдаче.</p><table border="0"cellpadding="0"cellspacing="0"><tbody><tr><td><p data-readability-styled="true"><code><!DOCTYPE html></code></p><p data-readability-styled="true"><code><</code><code>html</code><code>lang</code><code>=</code><code>"en"</code><code>></code></p><p data-readability-styled="true"><code> </code> </p><p data-readability-styled="true"><code><</code><code>head</code><code>></code></p><p data-readability-styled="true"><code></code><code><</code><code>Титул</code><code>>HTML Head Tag</</code><code>Титул</code><code>></code></p><p data-readability-styled="true"><code></</code><code>HEAD</code><code>><code>9.<img class="lazy lazy-hidden"loading='lazy'src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif"data-lazy-type="image"data-src='/800/600/http/i.pinimg.com/736x/a7/e1/30/a7e13047dcdf2d65c06db506ad17a3c5.jpg'/><noscript><img loading='lazy'src='/800/600/http/i.pinimg.com/736x/a7/e1/30/a7e13047dcdf2d65c06db506ad17a3c5.jpg'/></noscript>0003<p data-readability-styled="true"><code> </code> </p><p data-readability-styled="true"><code><</code><code>body</code><code>></code></p><p data-readability-styled="true"><code>    </code><code><</code><code>p</code><code>>GeeksforGeeks is a portal for geeks.</</code><code>p</code><code>></code></p><p data-readability-styled="true"><code>    </code><code><</code><code>hr</code><code>></code></p><p data-readability-styled="true"><code></</code><code>body</code><code>></code></p><p data-readability-styled="true"><code> </code> </p><p data-readability-styled="true"><code></</code><code>html</code><code>></code></p></td></tr></tbody></table><p><strong>Вывод:</strong><br/></p></li><li><b>Элемент<link>:</b>Тег<link>чаще всего используется для ссылки на внешний файл CSS.Он определяет связь между текущим документом и внешними ресурсами.<table border="0"cellpadding="0"cellspacing="0"><tbody><tr><td><p data-readability-styled="true"><code><!DOCTYPE html></code></p><p data-readability-styled="true"><code> </code> </p><p data-readability-styled="true"><code><</code><code>html</code><code>></code></p><p data-readability-styled="true"><code> </code> </p><p data-readability-styled="true"><code><</code><code>head</code><code>></code></p><p data-readability-styled="true"><code>    </code><code><</code><code>link</code><code>rel</code><code>=</code><code>"stylesheet"</code> </p><p data-readability-styled="true"><code>        </code><code>type</code><code>=</code><code>"text/css"</code><code>href</code><code>=</code><code>"MyStyle.<noscript><img class="lazy lazy-hidden" loading='lazy' src="
Привет,Гикс для Гиков!</pre></noscript><img class="lazyload lazy lazy-hidden" loading='lazy' src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="
Привет,Гикс для Гиков!</pre></li><li><b>Элемент<base>:</b><p>Элемент<base>используется для указания базового URL-адреса или цели для относительных URL-адресов.</p><p>В документе может быть только один элемент<base>.</p><table border="0"cellpadding="0"cellspacing="0"><tbody><tr><td><p data-readability-styled="true"><code><!DOCTYPE html></code></p><p data-readability-styled="true"><code><</code><code>html</code><code>></code></p><p data-readability-styled="true"><code></code> </p><p data-readability-styled="true"><code><</code><code>head</code><code>></code></p><p data-readability-styled="true"><code> </code> </p><p data-readability-styled="true"><code>    </code></p><p data-readability-styled="true"><code>    </code><code><</code><code>base</code><code>href</code><code>=</code></p><p data-readability-styled="true"><code>        </code><code>target</code><code>=</code><code>"_blank"</code><code>></code></p><p data-readability-styled="true"><code></</code><code>головка</code><code>></code></p><p data-readability-styled="true"><code> </code> </p><p data-readability-styled="true"><tr><code><</code></p>9></code></p><p data-readability-styled="true"><code>    </code><code><</code><code>img</code><code>src</code><code>=</code><code>"1-95.<noscript><img class="lazy lazy-hidden" loading='lazy' src="</div></noscript><img class="lazyload lazy lazy-hidden" loading='lazy' src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="</div><!--.entry-content-wrapper--></div></article>[an error occurred while processing the directive]<nav class="navigation post-navigation"aria-label="Записи"><h2 class="screen-reader-text">Навигация по записям</h2><div class="nav-links"><div class="nav-previous"><a href="https://xn--90abhccf7b.xn--p1ai/raznoe/seo-optimizacziya-teksta-blog-ob-email-i-internet-marketinge.html"rel="prev">Сео оптимизация текста:Блог об email и интернет-маркетинге</a></div><div class="nav-next"><a href="https://xn--90abhccf7b.xn--p1ai/css/vyravnivanie-po-nizu-css-kak-prizhat-element-k-nizu-ili-verhu-roditelskogo-elementa-site-on.html"rel="next">Выравнивание по низу css:Как прижать элемент к низу или верху родительского элемента — Site on!</a></div></div></nav><div id="comments"class="comments-area"><div id="respond"class="comment-respond"><h3 id="reply-title"class="comment-reply-title">Добавить комментарий<small><a rel="nofollow"id="cancel-comment-reply-link"href="/raznoe/razdel-head-html-razdel-head.html#respond"style="display:none;">Отменить ответ</a></small></h3><form action="https://xn--90abhccf7b.xn--p1ai/wp-comments-post.php"method="post"id="commentform"class="comment-form"novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span><span class="required-field-message">Обязательные поля помечены<span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий<span class="required">*</span></label><textarea id="comment"name="comment"cols="45"rows="8"maxlength="65525"required></textarea></p><p class="comment-form-author"><label for="author">Имя<span class="required">*</span></label><input id="author"name="author"type="text"value=""size="30"maxlength="245"autocomplete="name"required/></p><p class="comment-form-email"><label for="email">Email<span class="required">*</span></label><input id="email"name="email"type="email"value=""size="30"maxlength="100"aria-describedby="email-notes"autocomplete="email"required/></p><p class="comment-form-url"><label for="url">Сайт</label><input id="url"name="url"type="url"value=""size="30"maxlength="200"autocomplete="url"/></p><p class="form-submit"><input name="submit"type="submit"id="submit"class="submit"value="Отправить комментарий"/><input type='hidden'name='comment_post_ID'value='52263'id='comment_post_ID'/><input type='hidden'name='comment_parent'id='comment_parent'value='0'/></p></form></div>[an error occurred while processing the directive]</div>[an error occurred while processing the directive]</main></div><div id="sidebar-primary"class="widget-area sidebar "role="complementary"><div class="sidebar-main"><div id="yandex_rtb_R-A-744004-7" class="yandex-adaptive classYandexRTB"></div>
<script type="text/javascript">
window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo: "yandex_rtb_R-A-744004-7",blockId: "R-A-744004-7",pageNumber: 11,onError: (data) => { var g = document.createElement("ins");
                    g.className = "adsbygoogle";
                    g.style.display = "inline";
                        g.style.width = "300px";
                        g.style.height = "600px";
                        g.setAttribute("data-ad-slot", "9935184599");
                    g.setAttribute("data-ad-client", "ca-pub-1812626643144578");
                    g.setAttribute("data-alternate-ad-url", "https://chajnov.ru/back.php");
                    document.getElementById("yandex_rtb_[rtbBlock]").appendChild(g);
                    (adsbygoogle = window.adsbygoogle || []).push({}); }})});

window.addEventListener("load", () => {
var ins = document.getElementById("yandex_rtb_R-A-744004-7");
if (ins.clientHeight == "0") {
ins.innerHTML = stroke2;
}
}, true);
</script><section id="search-2"class="widget widget_search"><div class="zita-widget-content"><form role="search"method="get"id="searchform"action="https://xn--90abhccf7b.xn--p1ai/"><div class="form-content"><input type="text"placeholder="search.."name="s"id="s"value=""/><input type="submit"value="Search"/></div></form></div></section><section id="nav_menu-4"class="widget widget_nav_menu"><div class="zita-widget-content"><h2 class="widget-title">Рубрики</h2></div></section></div></div></div></div><footer id="zita-footer"><div class="footer-wrap widget-area"><div class="bottom-footer"><div class="bottom-footer-bar ft-btm-one"><div class="container"><div class="bottom-footer-container">© Компания<a href="http://вебджем.рф">Вебджем.рф</a>2009-2025|Все права защищены.</a></div></div></div></div></div></footer><style type="text/css">.pgntn-page-pagination{text-align:left!important;}.pgntn-page-pagination-block{width:60%!important;padding:0 0 0 0;}.pgntn-page-pagination a{color:#1e14ca!important;background-color:#ffffff!important;text-decoration:none!important;border:1px solid#cccccc!important;}.pgntn-page-pagination a:hover{color:#000!important;}.pgntn-page-pagination-intro,.pgntn-page-pagination.current{background-color:#efefef!important;color:#000!important;border:1px solid#cccccc!important;}.archive#nav-above,.archive#nav-below,.search#nav-above,.search#nav-below,.blog#nav-below,.blog#nav-above,.navigation.paging-navigation,.navigation.pagination,.pagination.paging-pagination,.pagination.pagination,.pagination.loop-pagination,.bicubic-nav-link,#page-nav,.camp-paging,#reposter_nav-pages,.unity-post-pagination,.wordpost_content.nav_post_link,.page-link,.page-links,#comments.navigation,#comment-nav-above,#comment-nav-below,#nav-single,.navigation.comment-navigation,comment-pagination{display:none!important;}.single-gallery.pagination.gllrpr_pagination{display:block!important;}</style><noscript><style>.lazyload{display:none;}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://xn--90abhccf7b.xn--p1ai/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <!-- noptimize -->
<style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script>
<!-- /noptimize --> <script defer src="https://xn--90abhccf7b.xn--p1ai/wp-content/cache/autoptimize/js/autoptimize_a5525df7354e9c4926a53db2b62ba665.js"></script></body></html>