HTML Элементы (елементы)
Элементы HTML
HTML-элемент обычно состоит из тега Start и тега End с содержимым, вставленным между:
HTML- элемент — это все, от начального тега до конечного тега:
| Начальный тег | Содержимое элемента | Конечный тег |
|---|---|---|
| <h1> | Мой первый заголовок | </h1> |
| <p> | Мой первый абзац. | </p> |
| <br> |
Элементы HTML без содержимого называются пустыми элементами. Пустые элементы не имеют конечного тега, такого как <br> элемент (который указывает на разрыв строки).
Вложенные элементы 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> элемент).
<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>
The <p> element defines a paragraph.
It has a start tag <p> and an end tag </p>.
The element content is: My first paragraph.
<p>My first paragraph.</p>
Не забывайте, что конечный тег
Некоторые элементы HTML будут отображаться корректно, даже если вы забыли конечный тег:
Пример
<html>
<body>
<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.
В html5css.ru Мы всегда используем строчные теги.