). По закрывающему тегу мы определяем, что элемент завершён.
Некоторые элементы не содержат закрывающего тега и такие элементы называются самозакрывающими. Естественно, у них нет и содержимого. Вот пример.
Узнать, к какому типу относится элемент и является ли он самозакрывающим, можно в справочнике HTML.
Итак, каждый элемент содержит открывающий тег и может включать содержимое и закрывающий тег. Порядок открывающих и закрывающих тегов важен и его нельзя нарушать.
-
Заголовок Абзац
Комментарии в HTML
В коде HTML разработчик может писать свои комментарии, которые никак не отображаются в браузере. Такие комментарии нужны для пояснения своего кода и для заметок себе и другим разработчикам. Комментарий начинается с . Всё что находится между этими тегами является комментарием и выводиться в браузере не будет.
В примере 1 показан типичный HTML-документ.
Пример 1. HTML-документ
Моя веб-страница Заголовок страницы
Основной текст.
В данном примере используются элементы , , , ,
и самозакрывающие элементы и .
Вложения элементов
Одни элементы допустимо вкладывать внутрь других, однако следует соблюдать их порядок. На рис. 2 демонстрируется, как можно и нельзя добавлять один элемент внутрь другого.
Рис. 2. Вложение тегов, а — правильное, б — неверное
Если связать открывающие и закрывающие теги между собой скобкой, как показано на рис. 2, то несколько скобок не должны пересекаться между собой (рис. 2а). Любое пересечение условных скобок (рис. 2б) говорит о том, что правильная последовательность тегов нарушена.
Что такое элемент в html
HTML-элемент представляет собой корень (элемент верхнего уровня) HTML-документа, поэтому его так же называют корневым элементом. Все другие элементы должны быть потомками этого элемента (должны находиться внутри него).
| Категории контента | Отсутствуют. |
|---|---|
| Допустимое содержимое | Один элемент , за которым следует один элемент . |
| Пропуск тегов | Открывающий тег может быть пропущен, если первое, что находится внутри элемента , не является комментарием. В HTML5 закрывающий тег может быть пропущен. В старых версиях HTML, если сразу за элементом следует комментарий (при наличии элемента ), то закрывающий тег пропускать нельзя. |
| Допустимые родители | Отсутствуют. Это корневой элемент документа. |
| Допустимые ARIA-роли | Нет |
| DOM-интерфейс | HTMLHtmlElement (en-US) |
Атрибуты
К этому элементу применимы глобальные атрибуты.
Определяет URI (en-US) файла манифеста, указывающего ресурсы, которые должны быть сохранены в локальном кеше. Смотрите Использование кеша приложений.
Определяет версию HTML DTD (Document Type Definition, больше известное как Doctype), которая управляет текущим документом. Этот атрибут не нужен, потому что он является избыточным, так как есть информация, указываемая в объявлении типа документа.
Определяет пространство имён (en-US) XHTML-документа. Значение по умолчанию «http://www.w3.org/1999/xhtml» . Это требуется при парсинге (en-US) документов с помощью парсера (en-US) XML и необязательно для документов text/html .
Пример
doctype html> html lang="en"> head> . head> body> . body> html>
Проблемы доступности
Добавление атрибута lang с допустимым (валидным) идентификатором языка (определены в документе IETF BCP47) в элемент поможет технологии чтения с экрана правильно определить язык. Идентификатор языка должен описывать язык, который используется большей частью содержимого страницы. Без него программы чтения с экрана, как правило, по умолчанию используют язык операционной системы, который может может стать причиной неправильного произношения.
Добавление валидного атрибута lang в элемент также гарантирует, что важные метаданные, содержащиеся в элементе , например заголовок страницы , также будут объявлены правильно.
- MDN Understanding WCAG, Guideline 3.1 explanations (en-US)
- Understanding Success Criterion 3.1.1 | W3C Understanding WCAG 2.0
Спецификации
| Specification |
|---|
| HTML Standard # the-html-element |
Поддержка браузерами
BCD tables only load in the browser
Смотрите также
- Элемент верхнего уровня MathML:
- Элемент верхнего уровня SVG:
Found a content problem with this page?
- Edit the page on GitHub.
- Report the content issue.
- View the source on GitHub.
This page was last modified on 19 нояб. 2023 г. by MDN contributors.
Your blueprint for a better internet.
HTML Elements
An HTML element is defined by a start tag, some content, and an end tag.
HTML Elements
The HTML element is everything from the start tag to the end tag:
< tagname >Content goes here. < /tagname >
Examples of some HTML elements:
< h1 >My First Heading < /h1 >
< p >My first paragraph. < /p >
Note: Some HTML elements have no content (like the
element). These elements are called empty elements. Empty elements do not have an end tag!
Nested HTML Elements
HTML elements can be nested (this means that elements can contain other elements).
All HTML documents consist of nested HTML elements.
The following example contains four HTML elements ( , , and
):
Example
My First Heading
My first paragraph.
Example Explained
The element is the root element and it defines the whole HTML document.
It has a start tag and an end tag .
Then, inside the element there is a element:
My First Heading
My first paragraph.
The element defines the document’s body.
It has a start tag
and an end tag .Then, inside the element there are two other elements: and
:
My First Heading
My first paragraph.
The element defines a heading.
It has a start tag
and an end tag
:
My First Heading
The
element defines a paragraph.
It has a start tag
and an end tag
:
My first paragraph.
Never Skip the End Tag
Some HTML elements will display correctly, even if you forget the end tag:
Example
This is a paragraph
This is a paragraph
However, never rely on this! Unexpected results and errors may occur if you forget the end tag!
Empty HTML Elements
HTML elements with no content are called empty elements.
The
tag defines a line break, and is an empty element without a closing tag:
Example
This is a
paragraph with a line break.
HTML is Not Case Sensitive
HTML tags are not case sensitive: means the same as
.
The HTML standard does not require lowercase tags, but W3C recommends lowercase in HTML, and demands lowercase for stricter document types like XHTML.
At W3Schools we always use lowercase tag names.
HTML Exercises
HTML Tag Reference
W3Schools’ tag reference contains additional information about these tags and their attributes.
| Tag | Description |
|---|---|
| Defines the root of an HTML document | |
| Defines the document’s body | |
| to | Defines HTML headings |
For a complete list of all available HTML tags, visit our HTML Tag Reference.
What is an HTML Element?
An HTML element is a component of an HTML document that tells a web browser how to structure and interpret a part of the HTML document. HTML elements can contain formatting instructions, semantic meaning, and content.
For example, HTML elements are used to denote document parts such as headers, paragraphs, and footers and to embed content such such as hyperlinks, text, and images. Although HTML can be used to provide formatting instructions, HTML standards strongly encourage using CSS for this purpose instead.
An HTML element is often — but not always — created by opening and closing HTML tags, which wrap around a piece of content. Below is an illustration that labels each of the parts of an HTML element:
For more educational resources related to HTML elements, please visit:
- How To Use and Understand HTML Elements
- How To Build a Website With HTML Tutorial Series
- How To Build a Website With HTML: A DigitalOcean Workshop Kit
- How To Build a Website With HTML ebook
A complete list of educational resources related to HTML is available on our HTML page.
Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.