Элементы HTML

Документ HTML определен HTML элементами.

Элементы HTML

HTML элемент включает все коды от начетки (start tag) до завершающей тег (end tag).

Начетка Содержимое элемента Завершающая тег
<p> Это абзац </p>
<a href="default.htm" > Это ссылка </a>
<br />

Комментарий:Начетка часто называется открытым тегом (opening tag), завершающая тег часто называется закрытым тегом (closing tag).

Грамматика HTML элементов

  • HTML элементы начинаются сНачеткаНачало
  • HTML элементы начинаются сЗавершающая тегКонец
  • Содержимое элементаЭто содержимое между начеткой и завершающей тегом
  • Некоторые HTML элементы имеютПустое содержимое (пустой контент)
  • Пустой элементЗакрывается в начетке(заканчивается на конце начетки)
  • Большинство HTML элементов могут иметьСвойства

Совет:Вы узнаете больше о свойствах в следующей главе этого руководства.

Вложенные HTML элементы

Большинство HTML элементов могут быть вложенными (могут содержать другие HTML элементы).

Документ HTML состоит из вложенных HTML элементов.

Пример документа HTML

<html>
<body>
<p>Это мой первый абзац.</p>
</body>
</html>

В предыдущем примере содержится три HTML элемента.

Объяснение примера HTML

<p> элемент:

<p>Это мой первый абзац.</p>

Этот <p> элемент определяет абзац в документе HTML.

Этот элемент имеет начетку <p> и завершающую тег </p>.

Содержимое элемента: Это мой первый абзац.

<body> элемент:

<body>
<p>Это мой первый абзац.</p>
</body>

<body> элемент определяет тело документа HTML.

Этот элемент имеет начетку <body> и завершающую тег </body>.

Содержимое элемента - это другой HTML элемент (элемент p).

<html> элемент:

<html>
<body>
<p>Это мой первый абзац.</p>
</body>
</html>

Элемент <html> определяет весь документ HTML.

Этот элемент имеет начальный тег <html> и конечный тег </html>.

Содержимое элемента - это другой элемент HTML (элемент body).

Не забывайте закрывающие теги

Даже если вы забыли использовать закрывающий тег, большинство браузеров правильно отображают HTML:

<p>Это абзац
<p>Это абзац

Примеры, приведенные выше, работают в большинстве браузеров, но не следует зависеть от этого. Забывание использовать закрывающие теги может привести к непредсказуемым результатам или ошибкам.

Комментарий:Будущие версии HTML не позволяют опускать закрывающие теги.

Пустые HTML элементы

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

<br> - это пустой элемент без закрывающего тега (тег <br> определяет перенос строки).

В XHTML, XML и будущих версиях HTML все элементы должны быть закрыты.

Добавление обратной косой черты в начале тега, например <br />, - это правильный способ закрытия пустых элементов, который поддерживается HTML, XHTML и XML.

Хотя <br> эффективен во всех браузерах, использование <br /> обеспечивает более долгосрочную гарантию.

Совет по HTML: используйте строчные теги

Теги HTML не чувствительны к регистру: <P> эквивалентно <p>. Многие веб-сайты используют заглавные теги HTML.

CodeW3C.com использует строчные теги, так как консорциум W3C в HTML 4РекомендуетсяИспользуйте строчные буквы, а в будущем версиях (X)HTMLОбязательноеИспользуйте строчные буквы.