Что такое элемент в html
Перейти к содержимому

Что такое элемент в html

  • автор:

Элемент 

<h2>» width=»540″ height=»164″ /></p>
<p>Открывающий тег показывает начало элемента и может содержать или не содержать атрибуты, которые расширяют возможности элемента (об атрибутах расскажем позже). Каждый тег начинается с открывающей угловой скобки, затем идёт имя элемента и закрывающая угловая скобка ( </p>
<p>). Теги можно писать в нижнем и верхнем регистре, иными словами, маленькими, большими буквами или произвольно смешивать их. Все варианты написания ниже корректны.</p>
<p>Хотя теги можно писать в любом регистре и это с точки зрения синтаксиса HTML будет правильно, рекомендуем придерживаться единообразия и писать все теги маленькими буквами. Так повышается читаемость кода и снижается вероятность возникновения ошибок.</p>
<p>После содержимого элемента идёт закрывающий тег, в котором вместе с открывающей угловой скобкой есть косая черта (</p><div class='code-block code-block-1' style='margin: 8px 0; clear: both;'>
<!-- 18vs -->
<script src=

). По закрывающему тегу мы определяем, что элемент завершён.

Некоторые элементы не содержат закрывающего тега и такие элементы называются самозакрывающими. Естественно, у них нет и содержимого. Вот пример.

Узнать, к какому типу относится элемент и является ли он самозакрывающим, можно в справочнике 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:

Diagram 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.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *