HTML Элементы
HTML-элемент определяется открывающим тегом, некоторым содержимым и закрывающим тегом.
HTML-элементы
HTML-элемент — это все, что находится между открывающим и закрывающим тегами:
<имя_тега>Здесь идет содержимое...</имя_тега>Примеры HTML-элементов:
<h1>Мой заголовок</h1>
<p>Мой абзац.</p>| Открывающий тег | Содержание элемента | Закрывающий тег |
|---|---|---|
<h1> | Мой заголовок | </h1> |
<p> | Мой абзац. | </p> |
<br> | нет | нет |
Примечание: Некоторые HTML-элементы внутри себя не содержат никаких данных (например, элемент <br>). Такие теги называются пустыми. У пустых элементов закрывающий тег отсутствует!
Вложенные элементы HTML
В HTML могут быть вложенные элементы (это означает, что внутри одних элементов могут определятся другие элементы).
Все HTML-документы состоят из вложенных HTML-элементов.
В следующем примере содержится четыре HTML-элемента (<html>, <body>, <h1> и <p>):
<!DOCTYPE html>
<html>
<body>
<h1>Мой заголовок</h1>
<p>Мой абзац.</p>
</body>
</html>Объяснение примера
Элемент <html> является корневым. Он определяет весь документ HTML.
У него есть открывающий тег <html> и закрывающий тег </html>.
Затем, внутри элемента <html> находится элемент <body>:
<body>
<h1>Мой заголовок</h1>
<p>Мой абзац.</p>
</body>Элемент <body> определяет тело документа.
У него есть открывающий тег <body> и закрывающий тег </body>.
Затем, внутри элемента <body> находятся два других элемента: <h1> и <p>:
<h1>Мой заголовок</h1>
<p>Мой абзац.</p>Элемент <h1> определяет заголовок.
У него есть открывающий тег <h1> и закрывающий тег </h1>:
<h1>Мой заголовок</h1>Элемент <p> определяет абзац.
У него есть открывающий тег <p> и закрывающий тег </p>:
<p>Мой абзац.</p>Не пропускайте закрывающий тег
Некоторые HTML-элементы будут отображаться правильно, даже если вы забудете закрывающий тег:
<html>
<body>
<p>Это абзац
<p>Это абзац
</body>
</html>Однако никогда не полагайтесь на это! Если вы забудете закрывающий тег, то могут возникнуть ошибки и непредвиденные результаты!
Пустые HTML элементы
Элементы, у которых нет содержимого, являются пустыми элементами.
Так, тег <br> определяет разрыв строки. Это пустой элемент, у которого нет закрывающего тега:
<p>Это абзац <br> с разрывом строки.</p>HTML нечувствителен к регистру
HTML-теги нечувствительны к регистру: <P> имеет то же значение, что и <p>.
Стандарт HTML не обязывает использовать теги исключительно в нижнем регистре, тем не менее W3C рекомендует использовать теги в нижнем регистре в HTML, а для более строгих типов документов (например, XHTML) предписывает обязательное использование нижнего регистра при написании тегов.
Мы всегда используем теги в нижнем регистре.