Главная часть документа HTML обычно включает в себя указанный заголовок страницы, который содержит информацию о самой странице, загружает таблицу стилей и загружает файл JavaScript (для соображений производительности большую часть времени помещается в нижней части страницы < /body> загрузка до конца метки заканчивается JavaScript). За исключением заголовка, содержание в голове не видно для посетителей страницы.
Ниже приведен пример головной части документа HTML:
<Head> <meta charset = utf-8/> <meta name = Author Content = Adam Freeman/> <Title> Название вашей страницы </title> <base href = http: // titings/target = _ blank/> < Тип стиля = CSS> a {фоновая цветная часть: серой; Название элементЭлемент головы должен содержать элемент заголовка, который появится на вкладке браузера или в верхней части окна браузера, в качестве заголовка веб -страницы и связан с браузером.
базовый элементБазовый элемент используется для установки контрольного URL для анализа относительных ссылок в документе HTML на этой основе. Если это не указано, используйте URL -адрес текущего документа загрузки. Базовый элемент также может установить способ открыть ссылку, когда пользователь нажимает, и как браузер реагирует при отправке формы.
<base href = http: // bjpowernode/listings/target = _blank/>
1) Href является указанным контрольным URL.
2) Где открыть все ссылки на странице, в том числе где открыт целевой атрибут, включая значение:
1) _blank: откройте подключенный документ в новом окне;
2) _self: по умолчанию откройте документ ссылки в той же структуре;
3) _parent: откройте связанный документ в родительском кадре;
4) _top: откройте документ ссылки во всем окне;
5) FrameName: Откройте документ ссылки в указанной структуре.
Мета -элементМета -элементы используются для определения различных метаданных документации. Элемент головы.
Укажите пару метаданных имени/значения<Meta name = Author Content = Adam Freeman/>
Атрибут имени используется для представления типа метаданных, что обеспечивает значение атрибута контента. Атрибут имени содержит следующие значения:
1) Имя приложения: Имя системы веб -приложений, которая принадлежит текущей странице;
2) Автор: имя автора текущей страницы;
3) Описание: Инструкции текущей страницы;
4) Генератор: имя программного обеспечения, используемое для генерации HTML;
5) Ключевые слова: Опишите содержание страницы.
В дополнение к пяти предварительно определенным именам метаданных, вы также можете использовать расширение метаданных. Некоторые расширения используются больше, такие как метаданные роботов.
<meta name = robots content = noindex/>
Этот атрибут имеет значения, которые распознаются большинство поисковых систем:
1) nondex: не индексируйте эту страницу;
2) NOARCHIVE: не архивируйте и не кэшируйте эту страницу;
3) NoFollow: не продолжайте искать по ссылке на этой странице.
Большинство поисковых систем предоставляют рекомендации по оптимизации веб -страниц или целых веб -сайтов, и вы можете просмотреть веб -страницы или рекомендации по оптимизации веб -сайтов, предоставленные соответствующей поисковой системой.
Объявление код символа<meta charset = utf-8 />
Кодирование символов мета-элемента документа объявления в элементе головы-UTF-8 (по умолчанию).
Моделирование HTTPМета -элементы могут использоваться для моделирования или замены значения трех полей HTTP.
<meta http-equiv = rewarresh content = 5/>
Использование атрибута HTTP-equiv-это имя имени поля заголовка, которое указывает моделируемый заголовок, а значение поля указано в свойстве содержимого. Необязательное значение свойства HTTP-equiv заключается в следующем:
1) Обновление: укажите интервал времени за считанные секунды. Вы также можете указать URL отдельно для загрузки браузера, например:
<Meta http-equiv = Refressh Content = 5;
2) Стиль по умолчанию: укажите таблицу стилей, которая предпочитает страницей.
3) Тип контента: еще один метод объявления кодирования символов, используемого на странице HTML, например ::
<meta http-equiv = content-type content = text/html charset = utf-8/>Элемент стиля
Определите стиль CSS, встроенный в документ HTML.
<Стиль тип = текст/CSS> a {фоновая цветная часть: серой;Новый стиль предназначен для элемента. Элементы стиля могут появляться в различных частях HTML -документов.
СМИ, которые могут указать стиль для элементов стиля:
<Style Media = экран и (мин-ширина: 500px) type = text/css> ...... </style>
Экран в атрибуте медиа - это тип устройства, а диапазон необязательного значения включает в себя:
1) все: используйте стиль для всех устройств (значения по умолчанию);
2) Aural: используйте стиль для синтезатора голоса;
3) Брайль: используйте стиль, чтобы спросить устройство;
4) Руководитель: используйте стиль для портативного устройства;
5) Проект: используйте стили для проекторов;
6) Печать: при использовании страницы предварительного просмотра и печати стиля для печати;
7) Экран: используйте стиль для экрана дисплея компьютера;
8) TTY: используйте стиль для оборудования для равной ширины, такого как электрические проходные машины;
9) ТВ: используйте стиль для телевидения.
(Мин-ширина: 500px) Указанные функции в атрибуции СМИ, включая:
1) Высота ширины: укажите ширину и высоту окна браузера, блок PX, например: ширина: 200px
2) Установка устройства установки: указать ширину и высоту всего устройства (не только окно браузера), блок PX, например: Min-Device-Hight: 200px
3) Разрешение: плотность пикселей устройства, единица DPI (точка/дюйм) или DPCM (точка/см), например: максимальное разрешение: 600DPI
4) Ориентация: длинное направление указанного устройства, необязательное значение -портрет и ландшафт
5) Аспект-Ратио Устройство-АСЕКЦИЯ-РАТИО: Укажите соотношение ширины пикселя окна браузера или всего устройства, например: Min-Aspect-Ratio: 16/9
6) Цветовой монохром: укажите двоичные цифры, занятые каждым пикселем на каждом пикселе на цвете или черно-белом устройстве, например: Min-Monochrome: 2
7) Цвето-индекс: количество цветов, которые могут отображаться на специально предназначенном устройстве, например: Max-Color-Idex: 256
8) Сканирование: укажите режим сканирования телевизора, включая прогрессивную стоимость и интерлирование
9) Сетка: тип указанного устройства, значение поддержки составляет 0 и 1 (1 представляет собой устройство -тип сетки, используя содержимое отображения с фиксированной сеткой)
Ссылка элементОн используется для установления связи между HTML -документами и внешними ресурсами (например, таблицы стиля CSS). Элемент ссылки содержит 6 локальных атрибутов, следующим образом:
1) hREF: укажите URL -адрес ресурса, указанный на элемент ссылки;
2) hreflang: объясните язык, используемый в соответствующих ресурсах;
3) СМИ: объясните, какое устройство используется в соответствующем контенте, и атрибуты медиа в стиле;
4) REL: Диапазон взаимосвязи между документом и связанными ресурсами заключается в следующем:
--- Альтернативная: альтернативная версия ссылки на документ, такой как перевод другого языка;
--- Автор: Автор ссылки на документ;
--- Справка: документ описания, подключенный к текущему документу;
--- значок: укажите ресурсы значков;
--- Лицензия: ссылка на соответствующую лицензию на текущий документ;
--- Pingback: укажите сервер Pingback, который можно автоматически уведомлять при связывании с других веб-сайтов с блоги;
--- Предварительная перефетка: получить ресурс заранее;
--- Стили-таблица: загрузите таблицу внешнего стиля.
5) размеры: укажите размер значка;
6) Тип: укажите тип MIME связанных ресурсов, таких как текст/CSS, Image/X-ICon.
Загрузите таблицу внешнего стиля<Link rel = styleSheet type = text/css href = styles.css/>
Вы можете использовать несколько элементов ссылки для загрузки нескольких внешних ресурсов.
Определите логотип веб -сайта для страницы<link rel = щиткона href = favicon.ico type = image /x-iCon />
Когда браузер загружен с помощью HTML -страницы, он будет загружать и отобразить логотип веб -сайта.
ПРИМЕЧАНИЕ. Если файл логотипа веб -сайта расположен в /favicon.ico (корневой каталог веб -сервера), нет необходимости использовать элемент ссылки. Нет элемента ссылки.
Предварительный ресурс
Браузер может потребоваться для получения ресурсов, которые, как ожидается, будут использоваться в ближайшее время.
<link rel = prefetch href =/page2.html/>
Примечание. Не все браузеры в настоящее время поддерживают эту функцию.
Элемент сценарияИспользуя для добавления сценариев на странице, вы можете определить сценарий и напрямую ссылаться на сценарий в документе. Локальные атрибуты, поддерживаемые этим элементом, следующие:
1) Тип: тип сценария, упомянутый или определенный для атрибута сценария JavaScript, может опустить
2) SRC: укажите URL -адрес внешнего файла сценария
3) Отложить Async (HTML5 Новое дополнение): установите метод выполнения сценария, эти два атрибута могут использоваться только с атрибутами SRC
4) Charset: Объясните кодирование символов, используемое во внешнем файле скрипта, которое можно использовать только с атрибутом SRC
Определите документ в встроенном сценарии<Script> document.write (это из сценария);
По умолчанию браузер будет выполнен, как только сценарий встретится с страницей.
Загрузите библиотеку внешних скриптовВы можете поместить скрипт в отдельный файл, а затем загрузить HTML -документ с помощью элементов сценария.
<script src = simple.js> </script>Исчерпайте выполнение сценария
Используйте атрибуты асинхронности и отсрочки для управления методом выполнения сценария.
<Script defer src = simple2.js> </script>
Поскольку HTML будет выполняться, когда он столкнется с скриптом, если ваш сценарий необходимо использовать контент в сценарии HTML, вам обычно нужно поместить скрипт в соответствующий сценарий HTML, но в HTML5 такая же цель может быть достигнута с отложением. свойство.
Когда браузер встречается с элементами сценария, поведение по умолчанию состоит в том, чтобы приостановить страницу обработки при загрузке и выполнении скрипта, и каждый элемент сценария выполняется по очереди. Асинхронные атрибуты могут быть асинхронными нагрузками и выполнением сценариев во время документа Browser SAINGING HTML.
<script async src = simple2.js> </script>Новый элемент
Элемент NOScript используется для отображения некоторого контента для пользователей, которые отключают JavaScript или браузеры, не поддерживают JavaScript.
<noscript> <h1> javascript требуется!
Другой выбор - привести его к другому URL, когда браузер не поддерживает JavaScript.
<noscript> <meta http-equiv = content = 0;