FrontendBook | HTML Элементы

HTML Элементы

HTML-элемент представляет собой набор начальных и конечных тегов с вставленным между ними содержимым.

Синтаксис:

<название элемент> ...содержание элемента... </название элемент>

Некоторые элементы HTML не имеют содержимого (например, элемент <br>). Эти элементы называются пустыми элементами. Пустые элементы не имеют закрывающего тега!

Части HTML-элемента

HTML-элемент состоит из 3 частей:

Открывающий тег

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

Синтаксис:

<название элемент>

Закрывающий тег

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

Синтаксис:

</название элемент>

Контент

Контент - это фактический контент внутри открывающего и закрывающего тега.

Синтаксис:

<название элемент> ...содержание элемента... </название элемент>

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

Элементы HTML могут быть вложенными (это означает, что элементы могут содержать другие элементы). Все документы HTML состоят из вложенных элементов HTML.

Важность конечного тега

Необходимо добавить конечный тег элемента. В противном случае отображаемый контент может отображаться или не отображаться правильно. Это хорошая практика, если вы добавляете закрывающие теги к непустым HTML-элементам, но в настоящее время браузеры становятся все более и более продвинутыми и прощающими по своей природе, и поэтому, если вы каким-то образом забудете применить закрывающий тег в непустом элементе, Браузер не выдаст никакой ошибки, но проблема будет возникать, когда вы будете вставлять все больше и больше HTML-элементов после этого.

Веб-браузер прощает ошибки, но это не означает, что вы начинаете игнорировать закрывающий/закрывающий тег HTML-элементов. В некоторых случаях это может показать неожиданное поведение или ошибку. Например, если на вашей веб-странице есть более одного HTML-элемента, то отсутствие закрывающего тега может привести к столкновению границ разных HTML-элементов. Браузер не будет знать, где он заканчивается. Он возьмет следующий тег и будет думать, что он принадлежит предыдущему тегу без закрывающего тега.

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

Элементы HTML без какого-либо содержимого, т. е. которые ничего не печатают, называются пустыми элементами. Пустые элементы HTML не имеют закрывающего тега. Например. <br>, <hr>, <link>, <input> и т. д. являются элементами HTML.

Чувствительность к регистру

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

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