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>.
Элемент содержит два других HTML элементов <h1> и <p>.
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
Элемент <h1> определяет заголовок.
Он имеет начальный тег <h1> и конечный тег </h1>.
Элемент содержит: Мой первый заголовок.
<h1>Мой Первый Заголовок</h1>
Элемент <p> определяет параграф.
Он имеет начальный тег <p> и конечный тег </p>.
Элемент содержит: Мой первый параграф.
<p>Мой первый параграф.</p>
Не забудьте закрывающий тег
Некоторые HTML элементы будут отображаться некорректно, если вы забыли закрывающий тег:
Приведенный выше пример работает во всех браузерах, потому что закрывающий тег является необязательным.
Никогда не полагайтесь на это. Это может привести к непредсказуемым результатам и/или ошибки, если вы забыли закрывающий тег.
HTML Пустые элементы
HTML элементы без содержимого, называются пустыми элементами.
Пустой элемент <br> без закрывающего тега, определяет разрыв строки.
Пустые элементы могут быть "закрытые" в открывающем теге как: <br />.
HTML5 не требуют закрытые элементы могут быть открыты. Но если вы хотите более строгой проверки, или если вам нужно сделать ваш документ чтение XML-парсеров, Вам необходимо закрыть все HTML элементы.
Использовать строчные теги
HTML-теги не чувствительны к регистру: <p> означает то же, что и </p>.
Стандарт HTML5 не требует строчные теги, но W3C в HTML рекомендует нижний регистр, более строгий тип документа, так как XHTML, и требует строчный.
На SchoolsW3 мы всегда используем строчные теги.
