HTML Элементы (елементы)

Элементы HTML

HTML-элемент обычно состоит из тега Start и тега End с содержимым, вставленным между:

<tagname>Содержание идет здесь...</tagname>

HTML- элемент — это все, от начального тега до конечного тега:

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

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

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

Все HTML-документы состоят из вложенных элементов HTML.

Этот пример содержит четыре элемента HTML:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Пример объяснения

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

Он имеет тег Start <html> и тег End </html>.

Элемент Content — это другой элемент HTML ( <body> элемент).

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

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

Он имеет тег Start <body> и тег End </body>.

Элемент Content — это два других HTML-элемента ( <h1> и <p> ).

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

<h1>элемент определяет заголовок.

Он имеет тег Start <H1> и тег End </H1>.

Элемент Content: мой первый заголовок.

<h1>My First Heading</h1>

Не забывайте, что конечный тег важен

Некоторые элементы HTML будут отображаться корректно, даже если вы забыли конечный тег:

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>

Приведенный выше пример работает во всех браузерах, так как закрывающий тег считается необязательным.

Никогда не полагайтесь на это. Если вы забыли конечный тег, это может привести к неожиданным результатам и/или ошибкам.

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

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

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

Пустые элементы могут быть "закрыты" в открывающем теге так: <br />.

HTML5 не требует закрытия пустых элементов. Но если требуется более строгая проверка, или если необходимо сделать документ удобочитаемым синтаксическими анализаторами XML, необходимо правильно закрыть все элементы HTML.

Использовать строчные теги

Теги HTML не чувствительны к регистру: <p> означает то же, что и <p>.

Стандарт HTML5 не требует строчных тегов, но W3C рекомендует строчные буквы в HTML и требует нижнего регистра для более строгих типов документов, таких как XHTML.