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

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

  • автор:

HTML элементы

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

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

HTML также обеспечивает семантику HTML документа. Элементы, как правило, используются для конкретного назначения. Например, уровень заголовка является более важным, чем уровень .

Элементы включают в себя всё, что находится между парными тегами элемента, включая сами теги. Например, элемент «

» обозначает параграф; элемент «» обозначает изображение.

Примеры HTML элементов:

Здесь

.

является HTML элементом,

.

тоже HTML элемент.

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

Существует два вида элементов: элементы-контейнеры и пустые элементы.

Элементы, которые представляют из себя контейнеры — это самый распространенный вид элементов. Элементы-контейнеры задают форматирование контента, находящегося между от-крывающим и закрывающим тегами.

Пустые элементы не задают и не отменяют форматирование. Такие элементы вставляют на страницу какой-либо объект, например горизонтальную черту (элемент ).

Пустые элементы не имеют парных тегов и в них нельзя вставить текст, как в элементы-контейнеры.

Вы можете встретить пустые элементы, в которых включен символ слэша перед закрывающей скобкой и без него, например
или
. Форма записи пустых элементов с включением слэша называется синтаксисом пустых элементов, который был официальной частью языка XHTML.

Пустые элементы в режиме XHTML обычно закрываются с помощью знака слэш перед закрывающей угловой скобкой тега

  Смайлик

В HTML5 применение синтаксиса пустых элементов необязательно и разрешается использовать тот же синтаксис, что и в открывающих тегах (т. е. без слеша). Таким образом пустые элементы не обязательно закрывать в режиме HTML.

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

Большинство элементов могут быть вложены друг в друга (т.е. в содержимом одного элемента может располагаться другой элемент).

Например вложив элемент в элемент Вы сможете сделать текст одновременно жирным и курсивным.

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

Далее пример валидного кода:

 Это важное правило 

А здесь приведён пример неверного вложения тегов:

 Invalid: Это важное правило 
Заметьте, что в валидном примере закрывающий тег вложенного элемента расположен перед закрывающим тегом элемента, в который он вложен.

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

Руководство по тегам и элементам в HTML

HTML-элемент — это отдельный компонент документа HTML. Он представляет собой семантику или некоторое значение. Например, элемент представляет заголовок документа.

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

Об HTML-атрибутах мы поговорим в следующем разделе.

Не все элементы требуют наличия конечного или закрывающего тега. Часто их называют пустые элементы или самозакрывающиеся элементы.

Разница между HTML-тегом и HTML-элементом

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

Однако в общем использовании термины HTML-элемент и HTML-тег взаимозаменяемы, то есть тег является элементом, а элемент является тегом. Для простоты, мы будем использовать термины «тег» и «элемент» для обозначения одного и того же.

Нечувствительность к регистру в HTML-тегах и атрибутах

В HTML имена тегов и атрибутов не чувствительны к регистру (но большинство значений атрибутов к регистру чувствительны). Это означает, что тег и тег

определяют в HTML одно и тоже — абзац.

Но в XHTML теги чувствительны к регистру и тег отличается от тега

.

Это абзац.

Это также правильный абзац.

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

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

Пустые элементы (также называемые самозакрывающимися) не являются контейнерными тегами — это означает, что вы не можете писать


некоторый контент

или
некоторый контент
.

Этот абзац содержит разрыв строки.

Cloudy Sky

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

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

В следующем примере показаны некоторые элементы, вложенные в элемент

.

Это какой-то жирный текст.

Это какой-то наклонный текст.

Это какой-то выделеный текст.

Размещение одного элемента внутри другого называется вложением. Вложенный элемент, также называемый дочерним элементом, в свою очередь может быть родительским, если в него вложены другие элементы.

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

Эти теги вложены правильно.

Эти теги вложены не правильно.

Написание комментариев в HTML

Комментарии обычно добавляются с целью облегчить понимание исходного кода. Это может помочь другому разработчику (или вам в будущем при редактировании исходного кода) понять, что вы пытались сделать с HTML-разметкой. Комментарии не отображаются в браузере.

Комментарий HTML начинается с , как показано в примере ниже:

  

Это нормальный кусок текста.

Вы также можете закомментировать часть вашего HTML-кода, например, для целей отладки, как показано здесь:

Типы HTML-элементов

HTML-элементы могут быть разделены на две отдельные: блочные элементы и строчные элементы. Первые составляют структуру документа, а вторые — содержимое блока.

Блочные элементы занимают 100% доступной ширины, и они отображается с разрывом строки до и после. Строчные элементы занимают столько места, сколько им нужно и не разрывают строку.

Наиболее часто используемыми блочными элементами являются , , — , , , , , и т.д.; часто используемыми строчными элементами являются , , , , , , , , , и т.д.

Подробнее об этих элементах вы поговорим в следующих разделах.

Блочные элементы не должны размещаться внутри строчных элементов. Например, элемент

не следует размещать внутри элемента .

smsc banner 480x320 flexbe banner 480x320 beget banner 480x320

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 8

Оценок пока нет. Поставьте оценку первым.

Похожие посты

  • 26 ноября, 2019
  • 142

Руководство по заголовкам в HTML

Заголовки помогают определить иерархию и структуру содержимого веб-страницы. В HTML есть шесть уровней заголовков, от

до ; чем выше уровень заголовка, тем больше его важность — поэтому тег

определяет самый важный заголовок, а тег определяет наименее важный заголовок в документе. По умолчанию браузеры отображают заголовки более крупным и жирным шрифтом, чем обычный…

  • 6 ноября, 2019
  • 143

Руководство по мета-тегам в HTML

Теги обычно используются для предоставления структурированных метаданных, таких как ключевые слова (keywords), описание (description), имя автора (author name), кодировка символов (character encoding) и т.д. В теге может быть размещено любое количество метатегов . Метаданные не будут отображаться на веб-странице, но будут обрабатываться поисковиками, браузерами и другими веб-сервисами. Теперь рассмотрим использование мета-тегов. Объявление кодировки…

  • 3 ноября, 2019
  • 110

Руководство по атрибутам событий в HTML5

Следующие атрибуты событий могут быть применены к большинству HTML-элементов для выполнения JavaScript. Эти атрибуты могут быть указаны для всех элементов, за некоторыми исключениями, где они не имеют смысла, например, к элементам в разделе , таких как , , . События Window События, связанные с объектом window (относится к тегу ): Атрибут Значение Описание onafterprint script…

Разработка сайтов для бизнеса

Если у вас есть вопрос, на который вы не знаете ответ — напишите нам, мы поможем разобраться. Мы всегда рады интересным знакомствам и новым проектам.

Элемент

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

Основные элементы

Основные элементы являются основой любого HTML документа. Вы увидите эти элементы в исходном коде для всех веб-страниц после задания типа документа на первой строке на странице. DOCTYPE определяет, какую версию (X) HTML эта страница использует. Элементы страницы находятся между открывающим тегом и закрывающим . Элемент называется корневым элементом.

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

Метаданные документа

Метаданные содержат информацию о странице. Они включают в себя информацию о стилях, скрипты и данные, чтобы помочь программному обеспечению (поисковые системы, браузеры и т.д.) использовать и отображать страницу. Метаданные для стилей и скрипты могут быть определены на странице или ссылке на другой файл, который имеет информацию.

Элемент Описание
Определяет основной адрес (URL), используемый для всех относительных адресов (URLs) в документе. Может быть только один элемент в одном документе.
Содержит машиночитаемую информацию (metadata) о документе, например его заголовок, скрипты и страницы стилей.
Определяет отношения между текущим документом и внешним ресурсом. Этот элемент чаще всего используется для ссылки на stylesheets, а также для создания иконок сайта (как для иконок в стиле «favicon», так и для иконок домашних экранов и приложений мобильных устройств) среди прочего.
Представляет такие метаданные, которые не могут быть представлены другими HTML-метатегами, такими как , , , или .
Содержит стилевую информацию для документа или его части. По умолчанию стилевые инструкции внутри этого элемента считаются написанными на CSS.
Определяет заголовок документа, который отображается в заголовке окна браузера или на вкладке страницы. Он содержит только текст, а теги внутри элемента игнорируются.

Секционирование корня

Элемент Описание
Представляет собой контент (содержимое) документа HTML. В документе может быть только один элемент .

Секционирование содержания

Секционирование содержания элементов позволяет разложить содержимое документа на логические части. Используйте секционирование элементов для создания общих черт содержания страницы, включая шапку и подвал и заголовочные элементы для обозначения разделов.

Элемент Описание
Задаёт контактные данные для ближайшего родительского или ; В последнем случае применяется ко всему документу, визуально выделяется курсивом.
Представляет самостоятельную часть документа, страницы, приложения или сайта, предназначенную для независимого распространения или повторного использования. Этот элемент может представлять статью на форуме, статью в журнале или газете, запись в блоге или какой-либо другой самостоятельный фрагмент содержимого.
Представляет собой часть документа, чьё содержимое только косвенно связанно с основным содержимым документа. Чаще всего представлен в виде боковой панели, сносок или меток.
Представляет собой нижний колонтитул (футер, подвал) для своего ближайшего секционного контента или секционного корня. Футер обычно содержит информацию об авторе раздела, информацию об авторском праве или ссылки на связанные документы.
Представляет собой вводный контент, обычно группу вводных или навигационных средств. Он может содержать другие элементы-заголовки, а также логотип, форму поиска, имя автора и другие элементы.
, , , , ,

HTML-элементы – представляют собой 6 уровней заголовков секций. это наибольший заголовок и — наименьший
Предназначен для основного контента (содержимого) документа (страницы). Основной контент состоит из контента, который непосредственно относится к главной теме документа или её развивает.
Определяет отдельную секцию документа, назначение которой обозначение ссылок навигации (как внутри текущего документа, так и ведущих на другую страницу). В качестве примера такой секции можно привести меню, якорные ссылки.
Представляет собой автономный раздел — который не может быть представлен более точным по семантике элементом — внутри HTML-документа. Как правило, но не всегда, разделы имеют заголовок.

Текстовое содержание

Используйте текстовые элементы HTML для организации блоков или разделов содержания, размещённые между тегами открытия и закрытия . Важное значение для accessibility и SEO, чтобы эти элементы определили цель или структуру этого контента.

Элемент Описание
Указывает на то, что заключённый в нем текст является развёрнутой цитатой. Обычно он (текст) визуально выделяется наклонным (смотри Примечание (en-US) , где говорится о том, как это изменить). URI на источник цитаты можно указать в атрибуте cite, тогда как текстовое представление источника может быть задано элементом .
Предоставляет подробности или определение предшествующего термина ( ) в списке определений ( ).
Является универсальным контейнером для потокового контента. Он не влияет на контент или макет до тех пор, пока не будет стилизован с помощью CSS.
Представляет собой список описаний. Этот элемент служит контейнером для списка пар терминов (определяемых элементом ) и их описаний (определяемых элементами ). Этот элемент обычно используют при создании глоссария или для отображения метаданных (списка пар ключ-значение).
Определяет термин в описании или списке определений, как таковой должен использоваться внутри элемента . Обычно за ним следует элемент . Кроме того, несколько элементов идущие друг за другом будут содержать своё определение в следующем идущем за ним элементом .
Представляет собой подпись (заголовок) или легенду, описывающую остальную часть содержимого родительского элемента .
Представляет самостоятельный контент, часто с подписью (заголовком), которая указывается с помощью элемента ( ). Диаграмма и её подпись представляет собой единое целое.
Служит для тематического разделения абзацев. Рисует горизонтальную прямую
Используется для создания элементов списка. Он также должен находиться в родительском элементе: упорядоченном списке ( ), неупорядоченном списке ( ), или меню ( ). В меню и неупорядоченных списках, элементы списка обычно отображаются с маркерами в виде круга. В упорядоченных списках, они обычно отображаются с маркерами в виде возрастающего счётчика слева, например числа или буквы.
Представляет группу команд, которые пользователь может выполнить или активировать. Он включает как меню-списки, которые могут отображаться в верхней части экрана, так и контекстные меню, например, такие, что могут появиться под кнопкой после нажатия.
Используется для упорядоченного списка — в частности для пронумерованного списка.
Представляет собой абзац. Абзацы обычно представлены в визуальной среде в виде блоков текста, отделённых от соседних блоков пустыми строками и/или отступом в первой строке, кроме этого HTML-абзацы могут представлять собой структурную группировку однотипного содержимого, например изображений или полей формы.
Представляет собой предварительно отформатированный текст, который должен быть представлен точно так, как написано в HTML-файле. Текст обычно отображается с использованием непропорционального («monospace») шрифта. Пробелы внутри этого элемента отображаются как записанные.
Используется для неупорядоченного списка — в частности для маркированного списка.

Встроенные текстовые семантики

Используйте встроенную в HTML текстовую семантику, чтобы определить смысл, структуру или стиль текста, линий или части текста.

Элемент Описание
Определяет гиперссылку для перехода на определённое место на странице или на другую страницу в Интернете. Также он может быть использован (в устаревшем варианте) для создания якоря — это место назначения для гиперссылок внутри страницы: так ссылки не ограничены только в перемещении между страницами.
Представляет собой аббревиатуру и, опционально, может показывать её расшифровку. Расшифровка записывается в атрибут title . Иные значения title , кроме расшифровки аббревиатуры не допускаются.
Является частью текста стилистически отличающейся от нормального текста, не носящий какого-либо специального значения или важности, и как правило выделен жирным шрифтом.
Изолирует от окружающего текста текстовый фрагмент, направление в котором может отличаться от направления окружающего текста (но не обязательно отличается).
Переопределяет текущее направление текста так, что текст внутри отображается в другом направлении.
Устанавливает перевод строки в тексте (возврат каретки). Он полезен при написании поэмы или адреса, где важно деление на строки.
Представляет из себя ссылку на источник цитаты. Он должен включать в себя название произведения или URL, который может быть в сокращённом виде в соответствии с правилами, используемых для добавления метаданных цитирования.
Отображает его содержимое в стиле, предназначенном для указания на то, что текст является коротким фрагментом компьютерного кода. По умолчанию текст содержимого отображается с использованием шрифта монопространства по умолчанию пользовательского агента.
*Связывает данное содержимое с машиночитаемым представлением. Если содержимое относится к времени или дате, необходимо использовать элемент .
Используется для указания термина, определяемого в контексте фразы или предложения. Элемент , пара / или элемент , который является ближайшим предком считается определением термина.
Отмечает акцентируемый текст. Элемент может быть вложенным, причём каждый уровень вложенности указывает на большую степень акцента.
(en-US) Представляет собой отрывок текста, выделяемый среди прочего по определенным причинам, например: идиоматический текст, технические термины, систематические обозначения и прочее. Обычно отмечается курсивом, от чего и получил свое название (от англ. Italic).
Указывает на то, что текст внутри элемента описывает пользовательский ввод с клавиатуры, голосовой ввод или ввод с использованием любого другого типа устройств ввода текста. По общему соглашению, user agent использует моноширинный шрифт для отображения содержимого элемента по умолчанию, хотя это и не указывается HTML стандартом явно.
Представляет текст, выделенный в справочных целях из-за своей актуальности в определённом контексте. Например, он может быть использован на странице с результатом поиска, в которой выделяется каждый экземпляр искомого слова.
(en-US) Indicates that the enclosed text is a short inline quotation. Most modern browsers implement this by surrounding the text in quotation marks. This element is intended for short quotations that don’t require paragraph breaks; for long quotations use the element.
(en-US) Used to provide fall-back parentheses for browsers that do not support display of ruby annotations using the element. One element should enclose each of the opening and closing parentheses that wrap the (en-US) element that contains the annotation’s text.
(en-US) Specifies the ruby text component of a ruby annotation, which is used to provide pronunciation, translation, or transliteration information for East Asian typography. The element must always be contained within a element.
Предназначен для добавления небольшой аннотации сверху или снизу от заданного текста. Такая форма записи преимущественно используется для идеографической письменности вроде китайского языка, но может применяться и для других языков, если требуется написать один текст над другим.
(en-US) Renders text with a strikethrough, or a line through it. Use the element to represent things that are no longer relevant or no longer accurate. However, is not appropriate when indicating document edits; for that, use the del and ins elements, as appropriate.
(en-US) Used to enclose inline text which represents sample (or quoted) output from a computer program. Its contents are typically rendered using the browser’s default monospaced font (such as Courier or Lucida Console).
(en-US) Represents side-comments and small print, like copyright and legal text, independent of its styled presentation. By default, it renders text within it one font-size smaller, such as from small to x-small .
Является основным строковым контейнером для фразового контента, который, по существу, ничего не представляет. Он может использоваться для группировки элементов в целях стилизации (использование атрибутов class или id ) или потому, что они имеет общие значения атрибутов, например lang . Он должен быть использован только когда нет другого подходящего по семантике элемента. очень похож на элемент , но является блочным элементом, в то время как является строчным.
Указывает на то, что его содержание имеет большое значение, серьёзность или срочность. Браузеры обычно отображают содержимое жирным шрифтом.
(en-US) Specifies inline text which should be displayed as subscript for solely typographical reasons. Subscripts are typically rendered with a lowered baseline using smaller text.
(en-US) Specifies inline text which is to be displayed as superscript for solely typographical reasons. Superscripts are usually rendered with a raised baseline using smaller text.
Используется для представления либо времени в 24-часовом формате, либо точной даты по Григорианскому календарю (с опциональным указанием времени и часового пояса).
(en-US) The HTML Unarticulated Annotation Element ( ) represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation. This is rendered by default as a simple solid underline, but may be altered using CSS.
(en-US) Represents the name of a variable in a mathematical expression or a programming context. It’s typically presented using an italicized version of the current typeface, although that behavior is browser-dependent.
Предоставляет возможность переноса слова – позицию в тексте, где браузер может по желанию разбить строку, в противном случае его правила разрыва строки не будут создавать разрыв в этом месте.

Изображения и мультимедиа

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

Элемент Описание
Определяет активную область на изображении и, при желании, связывает её с гипертекстовой ссылкой (en-US). Этот элемент используется только внутри элемента .
Используется для встраивания звукового контента в документ. Он может содержать один или более источников аудио, представленных с помощью атрибута src или элемента – браузер выберет один наиболее подходящий. Он так же может предназначаться для потокового мультимедиа, используя интерфейс MediaStream .
Встраивает изображение в документ. Это замещаемый элемент.
Используется с элементами для определения карты изображения (интерактивной области ссылок).
Используется как дочерний элемент медиа-элементов and . Позволяет указать синхронизированные текстовые дорожки (или данные на основе времени), например, для автоматической обработки субтитров. Файлы треков используют формат WebVTT ( .vtt файлы) — Web Video Text Tracks или Timed Text Markup Language (TTML).
Для встраивания видео контента в документ используйте элемент HTML . Видео элемент может содержать один или несколько источников видео. Чтобы указать источник видео, необходимо использовать атрибут src или элемент ; браузер сам определит наиболее подходящий источник.

Встроенное содержание

Содержание мультимедийных HTML включает в себя другие материалы, даже если они не всегда легко взаимодействуют.

Элемент Описание
Вставляет расширенный контент в выбранное место документа. Этот контент может быть представлен от внешнего приложения или другого источника интерактивного контента, такого как плагин для браузера, например.
(en-US) Represents a nested browsing context, embedding another HTML page into the current one.
(en-US) Represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin.
Служит контейнером для одного или более элементов и одного элемента для обеспечения оптимальной версии изображения для различных размеров экрана. Браузер рассмотрит каждый из дочерних элементов и выберет один, соответствующий лучшему совпадению; если совпадений среди элементов найдено не будет, то будет выбран файл, указанный атрибутом src элемента . Затем выбранное изображение отображается в пространстве, занятом элементом .
(en-US) Enables the embedding of another HTML page into the current one for the purposes of allowing smoother navigation into new pages.
Указывает несколько медиа-ресурсов для элементов , и . Это пустой элемент. Он обычно используется для обслуживания одного и того же медиа-контента в нескольких форматах, поддерживаемых различными браузерами (en-US) .

SVG and MathML

You can embed SVG and MathML content directly into HTML documents, using the and elements.

Элемент Описание
Представляет собой контейнер, который определяет новую систему координат и область просмотра. Он используется, как самый внешний элемент документов SVG, но также может использоваться для встраивания фрагмента SVG в документ SVG или HTML.
Элементом верхнего уровня в MathML является тэг . Каждый допустимый экземпляр MathML должен быть внутри этого контейнера. Он не допускает вложений, но внутри может быть произвольное число других дочерних элементов.

Скриптинг

Чтобы создавать динамический контент и веб-приложения, HTML поддерживает использование скриптовых языков, наиболее известным является JavaScript. Некоторые элементы поддерживают эту возможность.

Элемент Описание
Может быть использован для отрисовки графики при помощи скриптов (обычно используется JavaScript). Например, его можно использовать для отрисовки графиков, делать композиции фото или даже выполнять анимации. Вы можете (и должны) дать альтернативное содержание внутри блока . Этот контент будет рендерится в обоих браузерах, в старых которые не поддерживают canvas и в браузерах с отключённым JavaScript.
Определяет секцию HTML кода, которая будет вставлена, если в браузере пользователя нет либо отключена поддержка JavaScript.
Используется для встраивания или подключения исполняемого JavaScript кода. Элемент также может использоваться с другими языками, такими как GLSL (en-US) от WebGL.

Разграничительные правки

Эти элементы позволяют вам отметить определённые части текста.

Элемент Описание
Представляет диапазон текста, который был удалён из документа. Он может быть использован, например, при отображении «отслеживания изменений» или различий в исходном коде. Элемент можно использовать для противоположной цели: указание текста, который был добавлен в документ.
Представляет собой диапазон текста, который был добавлен в документ

Содержание таблиц

Эти элементы используются для создания и обработки табличных данных.

Элемент Описание
Определяет название (заголовок) таблицы. Если этот элемент используется, он всегда должен быть первым вложенным элементом тэга

(en-US). Внешний вид и расположение заголовка по отношению к самой таблице может быть изменено с помощью стилей CSS caption-side (en-US) and text-align .
Определяет столбец в таблице и используется для определения общей семантики на всех ячейках. Обычно он находится в элементе (en-US).
(en-US) Defines a group of columns within a table.
(en-US)(en-US)(en-US) elements), indicating that they comprise the body of the table (

Represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.
Encapsulates a set of table rows (

(en-US)).(en-US)
Определяет ячейку таблицы которая содержит данные. Участвует в табличной модели.
Определяет набор строк суммирующих столбцы таблицы.
(en-US) Defines a cell as header of a group of table cells. The exact nature of this group is defined by the scope and headers attributes.
(en-US) Defines a set of rows defining the head of the columns of the table.
Defines a row of cells in a table. The row’s cells can then be established using a mix of (data cell) and

(en-US) (header cell) elements.

Формы

HTML содержит некоторое количество элементов, которые используются вместе для создания форм, которые пользователь может заполнить и отправить на сервер. Доступно множество информации по этой теме в руководстве по HTML формам.

Элемент Описание
Создаёт интерактивную кнопку, которая может быть использована в формах или в любом другом месте документа, который требует простой, стандартной кнопки. По умолчанию, кнопки HTML обычно представлены в стиле, аналогичном стилю хост-платформы, на которой работает user agent, но вы можете изменить внешний вид кнопки, используя CSS.
Содержит набор опций ( ), доступных для выбора. Выбранное значение будет установлено для элемента , с атрибутом list .
Используется для группировки нескольких элементов управления в веб-форме.
Представляет (собой) раздел документа, содержащий интерактивные элементы управления, которые позволяют пользователю отправлять информацию на веб-сервер.
Используется для создания интерактивных элементов управления в веб-формах для получения данных от пользователя; в зависимости от устройства и user agent, доступен широкий выбор типов входных данных и виджетов управления. Из-за огромного количества возможных сочетаний типов ввода и атрибутов это один из самых мощных и сложных элементов HTML.
Представляет собой подпись к элементу пользовательского интерфейса.
Представляет собой заголовок содержания родительского элемента .
Представляет собой скалярное значение в пределах известного диапазона или дробного значения.
Позволяет группировать опции, находящиеся внутри элемента .
Используется для определения пункта списка контейнера , элемента , или элемента . Элемент может представлять раздел меню всплывающих окон и других перечней или списков HTML документа.
Является контейнерным элементом, в котором сайт или приложение могут выводить результаты вычислений или действий пользователя.
Отображает индикатор, показывающий ход выполнения задачи, обычно отображаемый в виде прогресс бара (индикатора выполнения).
Представляет собой элемент управления который содержит меню опций:
(en-US) Represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form.

Интерактивные элементы

HTML содержит в себе элементы, которые помогают создавать интерактивные объекты пользовательского интерфейса.

Элемент Описание
Используется для раскрытия скрытой (дополнительной) информации.
Определяет диалоговое окно или другой интерактивный элемент, такой как инспектор или окно. Элементы могут интегрироваться с диалогом с помощью указания атрибута method=»dialog» . Когда отправляется такая форма, диалог закрывается с returnValue равным value нажатой кнопки submit.
The HTML Disclosure Summary element ( ) element specifies a summary, caption, or legend for a element’s disclosure box. Clicking the element toggles the state of the parent element open and closed.

Веб-компоненты

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

Примечание: Эти элементы определены в World Wide Web Consortium (W3C) Web Components collection of specifications скорее, чем в HTML спецификации. К тому же, спецификация Веб-компонентов не завершена и является темой для обсуждений.

Элемент Описание
Является частью набора технологии Web Components, является заполнителем внутри веб компонента, который можно заполнить собственной разметкой, которая позволяет создавать отдельные деревья DOM и представлять их вместе.
Представляет собой механизм для отложенного создания клиентского контента, который не отображается во время загрузки страницы, но может быть инициализирован при помощи JavaScript.

Устаревшие и осуждаемые элементы

Предупреждение: Эти HTML-элементы являются устаревшими, и их использование не рекомендуется. Вы не должны использовать их для новых проектов, а также должны заменить их в старых проектах как можно быстрее. Они перечислены здесь только в информационных целях.

Элемент Описание
Позволяет явно указать, что данная последовательность букв, являющуюся акронимом или аббревиатурой.
(en-US) Sets up a sound file to play in the background while the page is used; use instead.
(en-US) Renders the enclosed text at a font size one level larger than the surrounding text ( medium becomes large , for example). The size is capped at the browser’s maximum permitted font size.
(en-US) Displays its block-level or inline contents centered horizontally within its containing element.
(en-US) An obsolete part of the Web Components suite of technologies—was used inside of Shadow DOM (en-US) as an insertion point, and wasn’t meant to be used in ordinary HTML. It has now been replaced by the element, which creates a point in the DOM at which a shadow DOM can be inserted.
(en-US) Container for a directory of files and/or folders, potentially with styles and icons applied by the user agent. Do not use this obsolete element; instead, you should use the element for lists, including lists of files.
Определяет размер шрифта, цвета и лицо для его содержимого
(en-US) Defines a particular area in which another HTML document can be displayed. A frame should be used within a (en-US).
(en-US) Used to contain (en-US) elements.
Элемент HTML был экспериментальным элементом, предназначенный для отображения изображений. Он никогда не был реализован, вместо него должен использоваться стандартный элемент .
Used to insert a scrolling area of text. You can control what happens when the text reaches the edges of its content area using its attributes.
(en-US) HTML-элемент используется для создания на странице прокручивающегося текста (бегущей строки).
(en-US) Prevents the text it contains from automatically wrapping across multiple lines, potentially resulting in the user having to scroll horizontally to see the entire width of the text.
(en-US) An obsolete, non-standard way to provide alternative, or «fallback», content for browsers that do not support the embed element or do not support the type of embedded content an author wishes to use. This element was deprecated in HTML 4.01 and above in favor of placing fallback content between the opening and closing tags of an (en-US) element.
(en-US) Provides content to be presented in browsers that don’t support (or have disabled support for) the (en-US) element. Although most commonly-used browsers support frames, there are exceptions, including certain special-use browsers including some mobile browsers, as well as text-mode browsers.
(en-US) Defines parameters for an (en-US) element.
(en-US) Renders everything following the start tag as raw text, ignoring any following HTML. There is no closing tag, since everything after it is considered raw text.
(en-US) Used to delimit the base text component of a ruby annotation, i.e. the text that is being annotated. One element should wrap each separate atomic segment of the base text.
(en-US) Embraces semantic annotations of characters presented in a ruby of (en-US) elements used inside of element. (en-US) elements can have both pronunciation ( (en-US)) and semantic ( (en-US)) annotations.
An obsolete part of the Web Components technology suite that was intended to be used as a shadow DOM insertion point. You might have used it if you have created multiple shadow roots under a shadow host.
Allows insertion of empty spaces on pages. It was devised by Netscape to accomplish the same effect as a single-pixel layout image, which was something web designers used to use to add white spaces to web pages without actually using an image. However, is no longer supported by any major browser and the same effects can now be achieved using simple CSS.
(en-US) Places a strikethrough (horizontal line) over text.
(en-US) Creates inline text which is presented using the user agent default monospace font face. This element was created for the purpose of rendering text as it would be displayed on a fixed-width display such as a teletype, text-only screen, or line printer.
(en-US) Renders text between the start and end tags without interpreting the HTML in between and using a monospaced font. The HTML2 specification recommended that it should be rendered wide enough to allow 80 characters per line.

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 4 дек. 2023 г. by MDN contributors.

Элементы HTML

Элемент HTML определен начиная биркой. Если элемент содержит другое содержание, то он кончается с заключительной биркой, куда имя элемента предшествуется передним слешем как показан ниже с немногими бирками:

Настолько здесь

….

элемент HTML,

другой элемент HTML. Некоторые элементы HTML которым не нужно быть закрытым, как ,


и элементы
. Эти как пустые элементы.

Документы HTML состоят из дерева этих элементов и они определяют как документы HTML должны быть построены, и какое вроде содержимое должно быть помещено в какой части документа HTML.

Бирка HTML против элемента

Элемент HTML определен начиная биркой. Если элемент содержит другое содержание, то он кончается с заключительной биркой.

Например

начинает бирку параграфа и

заключительная бирка такого же параграфа но

This paragraph

элемент параграфа.

Гнездят элементы HTML

Оно очень много позволен держать один элемент HTML внутри другого элемента HTML:

Пример

   Nested Elements Example  

This is italic heading

This is underlined paragraph

Это покажет после результата:

This is italic heading

This is underlined paragraph

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

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