html.okpython.net
HTML и CSS для начинающих

HTML :: Понятие тега и его синтаксис

Определение тега HTML

Как было сказано в определении, HTML – это язык гипертекстовой разметки веб-документов. Осуществляется такая разметка при помощи специальных меток, называемых тегами.

Тег HTML (от англ. tag) – специальная метка, используемая в HTML для разметки веб-страницы в соответствии с установленными правилами.

Синтаксис тегов HTML

Теги в html-документе идентифицируются парой символов < и >, между которыми располагаются характеристики тега:

  • символ слеша, если он есть;
  • имя тега;
  • атрибуты тега, если они есть;
  • значения атрибутов, если они есть.

В качестве примера рассмотрим два тега: <p  id="textIndent"   title="Описание города"> и </p>. Эта пара тегов образует элемент «Абзац» разметки документа. Первый из них является открывающим тегом и обозначает начало элемента «Абзац». Второй же является закрывающим тегом. Он сообщает браузеру о том, что элемент «Абзац» закончился и все, что будет написано далее, следует отнести к другому элементу разметки.

Как легко догадаться, у закрывающего тега после символа < должен стоять символ слеша /. Далее следует имя тега (в нашем примере это идентификатор p) и символ >. Других составляющих закрывающие теги не имеют.

В открывающих тегах слеш не пишется. Тоже самое касается и одиночных тегов, т.е. тегов, для которых закрывающего тега не существует. Зато в них может присутствовать дополнительная информация в виде атрибутов (от англ. attribute), определяющих какие-нибудь дополнительные свойства, и значений атрибутов, которые обычно записываются в формате имя_атрибута="значение_атрибута" и отделяются друг от друга пробелами. Так в теге <p id="textIndent" title="Описание города"> имеется два атрибута и два соответствующих им значения. Следует отметить, что существуют атрибуты и без значений. В таком случае вторая часть пары и символ = отсутствуют, а вместо этого через пробел указывается только сам атрибут. Кроме того, строковые значения атрибутов должны указываться в кавычках. Мы для этих целей будем использовать двойные кавычки. Числа разрешается в кавычки не брать, но желательно так не поступать во избежание путаницы.

Регистр символов HTML

Что касается регистра символов имен тегов и имен атрибутов, то он значения не имеет. Так обе записи <p id="textIndent" title="Описание города"> и <P ID="textIndent" TITLE="Описание города"> равносильны. Однако мы, за редким исключением, как в случае с тегом <!DOCTYPE html>, будем писать их в нижнем регистре.

Совсем по другому обстоит дело со значениями атрибутов, которые могут быть регистрозависимыми. Например, при указании путевых имен файлов регистр символов должен соответствовать первоисточнику, иначе наверняка возникнет ошибка. Так записи <img src="/pic_1.jpg"> и <img src="/PIC_1.JPG"> не эквиваленты, поскольку ссылаются на два разных файла изображения.

Обобщенный синтаксис записи тегов HTML

Таким образом, в общем случае для записи открывающего или одиночного тега мы будем использовать следующий синтаксис:
<имя_тега  имя_атр_1="знач_атр_1" ... имя_атр_n="знач_атр_n">, где имя_тега, а также имя_атрибута мы будем писать строчными буквами, а "значение_атрибута" записывать в двойных кавычках в независимости от того, является значение числом или строкой.

Быстрый переход к другим страницам