HTML Элементы
HTML-элемент определяется начальным тегом, некоторым содержимым и конечным тегом.
В этой теме:
HTML Элементы веб-страницы
HTML элемент обычно складывается из тега начального и тега конечного, а содержимое вставляется между ними:
HTML элемент - это всё от начального тега до конечного тега:
| Начальный тег | Содержимое элемента | Конечный тег |
|---|---|---|
| <h1> | Мой первый заголовок | </h1> |
| <p> | Мой первый параграф. | </p> |
| <br> |
HTML элементы без содержания называются пустыми элементами. Пустые элементы не имеют конечного тега, например, как элемент <br> (который указывает на разрыв строки).
Вложенные HTML элементы
HTML элементы могут быть вложенными (элементы могут содержать элементы).
Все документы HTML состоят из вложенных элементов HTML.
Этот пример содержит четыре элемента HTML:
Пример
<!DOCTYPE html>
<html>
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
</html>
Попробуйте сами »
Пояснение примера
Элемент <html> определяет весь документ.
У него есть начальный тег <html> и конечный тег </html>.
В средине <html> элемента находится элемент <body>.
<html>
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
</html>
Элемент <body> определяет тело документа.
У него есть начальный тег <body> и конечный тег </body>.
Внутри элемента <body> есть два других HTML элемента: <h1> и <p>.
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
Элемент <h1> определяет заголовок.
У него есть начальный тег <h1> и конечный тег </h1>.
Элемент содержимое это: Мой первый заголовок.
<h1>Мой первый заголовок</h1>
Элемент <p> определяет параграф.
У него есть начальный тег <p> и конечный тег </p>.
Элемент содержимое это: Мой первый параграф.
<p>Мой первый параграф.</p>
Не забывайте о конечном теге
Некоторые элементы HTML будут отображаться правильно, даже если вы забудете конечный тег:
Приведённый выше пример работает во всех браузерах, поскольку закрывающий тег считается не обязательным.
Никогда не надейтесь на это. Это может привести к неожиданным результатам и / или ошибок, если вы забудете конечный тег.
Пустые HTML элементы
HTML элементы без содержимого называются пустыми элементами.
Элемент <br> - это пустой элемент без закрывающего тега (тег <br> определяет обрыв строки):
Пустые элементы могут быть "закрыты" в открывающем теге следующим образом: <br />.
HTML5 не требует закрытия пустых элементов. Но если вам нужна более строгая проверка или если вы хотите, чтобы ваш документ читался XML-анализаторами, вы должны правильно закрыть все HTML элементы.
HTML не чуствительный к регистру
HTML-теги не чуствительны к регистру: <P> означает то же самое, что и <p>.
Стандарт HTML5 не требует написания тегов в нижнем регистре, но W3C рекомендует использовать буквы в нижнем регистре при написании HTML тегов, и требует буквы в нижнем регистре для более строгих типов документов, таких как XHTML.
В W3Schools всегда используют написание тегов в нижнем регистре.
Вопросы для самоконтроля
- Что такое элементв веб-страницы?
- Что такое вложенные HTML-элементы?
- Что такое начальный и конечный тег?
- Зачем нужен конечный тег?
- Что такое пустые HTML-элементы?
- Что такое верхний и нижний регистр?
- В каком регистре рекомендуется писать HTML-теги?
