Термин в Энциклопедическом Фонде

Теги HTML

Иллюстрация сайта: valentinayudicheva.blog
Tag (тег, таг, дескриптор) ― основной элемент кодирования, принятый в стандарте HTML. В HTML практически все зависит от дескрипторов (тегов). Они служат для привлечения внимания к определенным словам в документе, тем самым, давая браузеру "понять" что и как нужно выделить, где и как отобразить графику, что является гиперссылками. Теги в HTML заключаются в угловые скобки:     ›.

Тег HTML состоит из следующих друг за другом
в определенном порядке элементов:

 левой угловой скобки ‹  (такого же, как "меньше чем" символа);

 необязательного слэша  /, который означает, что тег является конечным тегом, закрывающим некоторую структуру. Таким образом, в этом контексте Вы можете читать символ  /, как конец;

 имени тега, например TITLE или PRE;

 необязательных, если даже тег может иметь их, атрибутов. Тег может быть без атрибутов или сопровождаться одним или несколькими атрибутами, например: ALIGN=CENTER;

 правой угловой скобки › (такой же, как символа "больше чем").

Примеры:

‹ H1›

‹ H1 ALIGN=LEFT›

Теги бывают одиночными и парными (контейнеры). Одиночный тег используется самостоятельно, а парный может включать внутри себя другие теги или текст. У тегов допустимы различные параметры, которые разделяются между собой пробелом. Впрочем, есть теги, без всяких дополнительных атрибутов. Параметры условно можно подразделить на обязательные, они непременно должны присутствовать, и необязательные, их добавление зависит от цели применения.

Далее описаны некоторые рекомендации, которые относятся к тегам.

Теги можно писать как прописными, так и строчными символами

Любые теги, а также их параметры нечувствительны к регистру, поэтому форму записи вы вольны выбирать сами, как писать - ‹BR› или ‹br›. В любом случае рекомендуется придерживаться выбранной формы записи на протяжении всех страниц сайта. Заметим также, что текст, полностью набранный прописными символами, читается хуже, чем текст со строчными символами или смешанный.

Для параметров тегов используются значения по умолчанию.

Когда для тега не добавлен какой-либо допустимый параметр, это означает, что браузер в этом случае будет подставлять значение, заданное по умолчанию. Если вы ожидали получить иной результат на веб-странице, проверьте, возможно, следует явно указать значения некоторых параметров.

Переносы строк

Внутри тега между его параметрами допустимо ставить перенос строк. В примере 1 показана одна и та же строка, но оформленная разными способами.

Пример 1. Переносы строк в коде тега

‹img src="/images/title2.gif" alt="Вид заголовка в браузере Internet Explorer" width="438" height="118"›

‹img src="/images/title2.gif"

alt="Вид заголовка в браузере Internet Explorer"

width="438"

height="118"›

Замечание

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

Параметры тегов и кавычки

Согласно спецификации HTML все параметры тегов следует брать в двойные или одинарные кавычки. Отсутствие кавычек не приведет к ошибкам, браузеры достаточно корректно обрабатывают код и без кавычек, за исключением текста, содержащего пробелы (пример 2).  

Пример 2. Использование кавычек в параметрах тегов

‹img src="/images/title2.gif" alt="Вид заголовка" width="438" height="118"›

‹img src="/images/title2.gif" alt=Вид заголовка width="438" height="118"›

В данном примере первая строка написана правильно, со всеми кавычками, а во второй у параметра alt кавычки отсутствуют. Из-за этого браузер в качестве значения параметра alt возьмет только первое слово.

Неизвестные теги и параметры

Если какой-либо тег или его параметр был написан неверно, то браузер проигнорирует подобный тег и будет воспроизводить текст так, словно тега и не было.

Порядок тегов

Существует определенная иерархия вложенности тегов. Например, метатеги должны находиться внутри контейнера ‹HEAD› и нигде иначе. Чтобы не возникло ошибки, следите за тем, чтобы теги располагались в коде правильно.

Если теги между собой равноценны в иерархии связи, то их последовательность не имеет значения. Так, можно поменять местами теги ‹TITLE› и ‹META›, на конечный результат это никак не скажется.

Закрывайте все теги

Существует три состояния закрывающего тега: обязателен, не требуется или не обязателен. Обязательный закрывающий тег должен присутствовать всегда, иначе это приведет к ошибке при отображении документа. Для некоторых тегов вроде ‹BR› закрывающего тега нет в принципе. Необязательный закрывающий тег говорит о том, что разработчик может его, как добавить, так и опустить, к ошибке это не приведет. Однако рекомендуем закрывать все теги, включая необязательные, это дисциплинирует, создает более стройный и строгий код, который легко модифицировать.

Порядок параметров в тегах

Порядок параметров в любом теге не имеет значения и на результат отображения элемента не влияет.

Энциклопедический Фонд