Element

  • Revision slug: HTML/Element
  • Revision title: Element
  • Revision id: 361231
  • Created:
  • Creator: irmatov
  • Is current revision? Да
  • комментировать

Revision Content

Этот справочник HTML показывает все элементы HTML, определённые в HTML5 или предыдущих спецификациях. Когда они заключены в угловые скобки, они формируют тэги HTML: <названиеэлемента>. Элементы - это сущности, определяющие, как должен быть построен HTML-документ, и какой тип содержимого должен быть помещен в соответствующую часть HTML документа.

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

В HTML-документе, элемент определяется открывающим тэгом. Если элемент имеет другое содержание, он заканчивается закрывающим тэгом, в котором перед именем элемента стоит прямой слэш: </названиеэлемента>. Некоторые элементы не нуждаются в закрывающем тэге, например элементы изображений. Такие элементы известны как пустые (void). Документы HTML содержат дерево элементов. Название каждого элемента отражает его назначение. Например, элемент <title> обозначает заголовок (title - заголовок с английского) документа. Ниже приведён алфавитный список элементов HTML.

A
  • {{ HTMLElement("a") }}
  • {{ HTMLElement("abbr") }}
  • {{ HTMLElement("acronym") }}
  • {{ HTMLElement("address") }}
  • {{ HTMLElement("applet") }}
  • {{ HTMLElement("area") }}
  • {{ HTMLElement("article") }}
  • {{ HTMLElement("aside") }}
  • {{ HTMLElement("audio") }}
B
  • {{ HTMLElement("b") }}
  • {{ HTMLElement("base") }}
  • {{ HTMLElement("basefont") }}
  • {{ HTMLElement("bdi") }}
  • {{ HTMLElement("bdo") }}
  • {{ HTMLElement("bgsound") }}
  • {{ HTMLElement("big") }}
  • {{ HTMLElement("blink") }}
  • {{ HTMLElement("blockquote") }}
  • {{ HTMLElement("body") }}
  • {{ HTMLElement("br") }}
  • {{ HTMLElement("button") }}
C
  • {{ HTMLElement("canvas") }}
  • {{ HTMLElement("caption") }}
  • {{ HTMLElement("center") }}
  • {{ HTMLElement("cite") }}
  • {{ HTMLElement("code") }}
  • {{ HTMLElement("col") }}
  • {{ HTMLElement("colgroup") }}
  • {{ HTMLElement("command") }}
D
  • {{ HTMLElement("data") }}
  • {{ HTMLElement("datalist") }}
  • {{ HTMLElement("dd") }}
  • {{ HTMLElement("del") }}
  • {{ HTMLElement("details") }}
  • {{ HTMLElement("dfn") }}
  • {{ HTMLElement("dir") }}
  • {{ HTMLElement("div") }}
  • {{ HTMLElement("dl") }}
  • {{ HTMLElement("dt") }}
E
  • {{ HTMLElement("em") }}
  • {{ HTMLElement("embed") }}
F
  • {{ HTMLElement("fieldset") }}
  • {{ HTMLElement("figcaption") }}
  • {{ HTMLElement("figure") }}
  • {{ HTMLElement("font") }}
  • {{ HTMLElement("footer") }}
  • {{ HTMLElement("form") }}
  • {{ HTMLElement("frame") }}
  • {{ HTMLElement("frameset") }}
G H
  • {{ HTMLElement("h1") }}
  • {{ HTMLElement("h2") }}
  • {{ HTMLElement("h3") }}
  • {{ HTMLElement("h4") }}
  • {{ HTMLElement("h5") }}
  • {{ HTMLElement("h6") }}
  • {{ HTMLElement("head") }}
  • {{ HTMLElement("header") }}
  • {{ HTMLElement("hgroup") }}
  • {{ HTMLElement("hr") }}
  • {{ HTMLElement("html") }}
I
  • {{ HTMLElement("i") }}
  • {{ HTMLElement("iframe") }}
  • {{ HTMLElement("img") }}
  • {{ HTMLElement("input") }}
  • {{ HTMLElement("ins") }}
  • {{ HTMLElement("isindex") }}
J K
  • {{ HTMLElement("kbd") }}
  • {{ HTMLElement("keygen") }}
L
  • {{ HTMLElement("label") }}
  • {{ HTMLElement("legend") }}
  • {{ HTMLElement("li") }}
  • {{ HTMLElement("link") }}
  • {{ HTMLElement("listing") }}
M
  • {{ HTMLElement("map") }}
  • {{ HTMLElement("mark") }}
  • {{ HTMLElement("marquee") }}
  • {{ HTMLElement("menu") }}
  • {{ HTMLElement("meta") }}
  • {{ HTMLElement("meter") }}
N
  • {{ HTMLElement("nav") }}
  • {{ HTMLElement("nobr") }}
  • {{ HTMLElement("noframes") }}
  • {{ HTMLElement("noscript") }}
O
  • {{ HTMLElement("object") }}
  • {{ HTMLElement("ol") }}
  • {{ HTMLElement("optgroup") }}
  • {{ HTMLElement("option") }}
  • {{ HTMLElement("output") }}
P
  • {{ HTMLElement("p") }}
  • {{ HTMLElement("param") }}
  • {{ HTMLElement("plaintext") }}
  • {{ HTMLElement("pre") }}
  • {{ HTMLElement("progress") }}
Q
  • {{ HTMLElement("q") }}
R
  • {{ HTMLElement("rp") }}
  • {{ HTMLElement("rt") }}
  • {{ HTMLElement("ruby") }}
S
  • {{ HTMLElement("s") }}
  • {{ HTMLElement("samp") }}
  • {{ HTMLElement("script") }}
  • {{ HTMLElement("section") }}
  • {{ HTMLElement("select") }}
  • {{ HTMLElement("small") }}
  • {{ HTMLElement("source") }}
  • {{ HTMLElement("spacer") }}
  • {{ HTMLElement("span") }}
  • {{ HTMLElement("strike") }}
  • {{ HTMLElement("strong") }}
  • {{ HTMLElement("style") }}
  • {{ HTMLElement("sub") }}
  • {{ HTMLElement("summary") }}
  • {{ HTMLElement("sup") }}
T
  • {{ HTMLElement("table") }}
  • {{ HTMLElement("tbody") }}
  • {{ HTMLElement("td") }}
  • {{ HTMLElement("textarea") }}
  • {{ HTMLElement("tfoot") }}
  • {{ HTMLElement("th") }}
  • {{ HTMLElement("thead") }}
  • {{ HTMLElement("time") }}
  • {{ HTMLElement("title") }}
  • {{ HTMLElement("tr") }}
  • {{ HTMLElement("track") }}
  • {{ HTMLElement("tt") }}
U
  • {{ HTMLElement("u") }}
  • {{ HTMLElement("ul") }}
V
  • {{ HTMLElement("var") }}
  • {{ HTMLElement("video") }}
W
  • {{ HTMLElement("wbr") }}
X Y Z
  • {{ HTMLElement("xmp") }}

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

Revision Source

<p>Этот справочник HTML показывает все <strong>элементы HTML</strong>, определённые в HTML5 или предыдущих спецификациях. Когда они заключены в угловые скобки, они формируют <em>тэги HTML</em>: <code>&lt;названиеэлемента&gt;</code>. Элементы - это сущности, определяющие, как должен быть построен HTML-документ, и какой тип содержимого должен быть помещен в соответствующую часть <a href="/ru/docs/HTML" title="/ru/docs/HTML">HTML</a> документа.</p>
<p>Эта страница показывает все стандартные тэги HTML5, а также старые и нерекоммендуемые, наряду с нестандартными, которые могут поддерживаться браузерами. Элементы, которые были введены в <a href="/ru/docs/HTML/HTML5" title="/ru/docs/HTML/HTML5">HTML5</a>, часто называют новыми элементами HTML5, хотя другие стандартные элементы так же действительны в HTML5.</p>
<p>В HTML-документе, элемент определяется <em>открывающим тэгом</em>. Если элемент имеет другое содержание, он заканчивается <em>закрывающим тэгом</em>, в котором перед именем элемента стоит прямой слэш: <code>&lt;/названиеэлемента&gt;</code>. Некоторые элементы не нуждаются в закрывающем тэге, например элементы изображений. Такие элементы известны как <em>пустые (void)</em>. Документы HTML содержат дерево элементов. Название каждого элемента отражает его назначение. Например, элемент <code>&lt;title&gt;</code> обозначает заголовок (title - заголовок с английского) документа. Ниже приведён алфавитный список элементов HTML.</p>
<div class="index widgeted">
	<span id="A">A</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;a&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;abbr&quot;) }}</li>
		<li>
			<s class="obsoleteElement">{{ HTMLElement(&quot;acronym&quot;) }}</s></li>
		<li>
			{{ HTMLElement(&quot;address&quot;) }}</li>
		<li>
			<s class="obsoleteElement deprecatedElement">{{ HTMLElement(&quot;applet&quot;) }}</s></li>
		<li>
			{{ HTMLElement(&quot;area&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;article&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;aside&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;audio&quot;) }}</li>
	</ul>
	<span id="B">B</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;b&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;base&quot;) }}</li>
		<li>
			<s class="obsoleteElement deprecatedElement">{{ HTMLElement(&quot;basefont&quot;) }}</s></li>
		<li class="html5">
			{{ HTMLElement(&quot;bdi&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;bdo&quot;) }}</li>
		<li>
			<s class="nonStdElement">{{ HTMLElement(&quot;bgsound&quot;) }}</s></li>
		<li>
			<s class="obsoleteElement">{{ HTMLElement(&quot;big&quot;) }}</s></li>
		<li>
			<s class="nonStdElement">{{ HTMLElement(&quot;blink&quot;) }}</s></li>
		<li>
			{{ HTMLElement(&quot;blockquote&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;body&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;br&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;button&quot;) }}</li>
	</ul>
	<span id="C">C</span>
	<ul>
		<li class="html5">
			{{ HTMLElement(&quot;canvas&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;caption&quot;) }}</li>
		<li>
			<s class="obsoleteElement deprecatedElement">{{ HTMLElement(&quot;center&quot;) }}</s></li>
		<li>
			{{ HTMLElement(&quot;cite&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;code&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;col&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;colgroup&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;command&quot;) }}</li>
	</ul>
	<span id="D">D</span>
	<ul>
		<li class="html5">
			{{ HTMLElement(&quot;data&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;datalist&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;dd&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;del&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;details&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;dfn&quot;) }}</li>
		<li>
			<s class="obsoleteElement deprecatedElement">{{ HTMLElement(&quot;dir&quot;) }}</s></li>
		<li>
			{{ HTMLElement(&quot;div&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;dl&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;dt&quot;) }}</li>
	</ul>
	<span id="E">E</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;em&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;embed&quot;) }}</li>
	</ul>
	<span id="F">F</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;fieldset&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;figcaption&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;figure&quot;) }}</li>
		<li>
			<s class="deprecatedElement obsoleteElement">{{ HTMLElement(&quot;font&quot;) }}</s></li>
		<li class="html5">
			{{ HTMLElement(&quot;footer&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;form&quot;) }}</li>
		<li>
			<s class="obsoleteElement">{{ HTMLElement(&quot;frame&quot;) }}</s></li>
		<li>
			<s class="obsoleteElement">{{ HTMLElement(&quot;frameset&quot;) }}</s></li>
	</ul>
	<span id="G">G H</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;h1&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;h2&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;h3&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;h4&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;h5&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;h6&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;head&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;header&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;hgroup&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;hr&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;html&quot;) }}</li>
	</ul>
	<span id="I">I</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;i&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;iframe&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;img&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;input&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;ins&quot;) }}</li>
		<li>
			<s class="obsoleteElement deprecatedElement">{{ HTMLElement(&quot;isindex&quot;) }}</s></li>
	</ul>
	<span id="J">J K</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;kbd&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;keygen&quot;) }}</li>
	</ul>
	<span id="L">L</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;label&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;legend&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;li&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;link&quot;) }}</li>
		<li>
			<s class="obsoleteElement deprecatedElement">{{ HTMLElement(&quot;listing&quot;) }}</s></li>
	</ul>
	<span id="M">M</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;map&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;mark&quot;) }}</li>
		<li>
			<s class="nonStdElement">{{ HTMLElement(&quot;marquee&quot;) }}</s></li>
		<li class="html5">
			{{ HTMLElement(&quot;menu&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;meta&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;meter&quot;) }}</li>
	</ul>
	<span id="N">N</span>
	<ul>
		<li class="html5">
			{{ HTMLElement(&quot;nav&quot;) }}</li>
		<li>
			<s class="nonStdElement">{{ HTMLElement(&quot;nobr&quot;) }}</s></li>
		<li>
			<s class="obsoleteElement deprecatedElement">{{ HTMLElement(&quot;noframes&quot;) }}</s></li>
		<li>
			{{ HTMLElement(&quot;noscript&quot;) }}</li>
	</ul>
	<span id="O">O</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;object&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;ol&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;optgroup&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;option&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;output&quot;) }}</li>
	</ul>
	<span id="P">P</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;p&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;param&quot;) }}</li>
		<li>
			<s class="obsoleteElement deprecatedElement">{{ HTMLElement(&quot;plaintext&quot;) }}</s></li>
		<li>
			{{ HTMLElement(&quot;pre&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;progress&quot;) }}</li>
	</ul>
	<span id="Q">Q</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;q&quot;) }}</li>
	</ul>
	<span id="R">R</span>
	<ul>
		<li class="html5">
			{{ HTMLElement(&quot;rp&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;rt&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;ruby&quot;) }}</li>
	</ul>
	<span id="S">S</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;s&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;samp&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;script&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;section&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;select&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;small&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;source&quot;) }}</li>
		<li>
			<s class="nonStdElement">{{ HTMLElement(&quot;spacer&quot;) }}</s></li>
		<li>
			{{ HTMLElement(&quot;span&quot;) }}</li>
		<li>
			<s class="obsoleteElement deprecatedElement">{{ HTMLElement(&quot;strike&quot;) }}</s></li>
		<li>
			{{ HTMLElement(&quot;strong&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;style&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;sub&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;summary&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;sup&quot;) }}</li>
	</ul>
	<span id="T">T</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;table&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;tbody&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;td&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;textarea&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;tfoot&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;th&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;thead&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;time&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;title&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;tr&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;track&quot;) }}</li>
		<li>
			<s class="obsoleteElement">{{ HTMLElement(&quot;tt&quot;) }}</s></li>
	</ul>
	<span id="U">U</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;u&quot;) }}</li>
		<li>
			{{ HTMLElement(&quot;ul&quot;) }}</li>
	</ul>
	<span id="V">V</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;var&quot;) }}</li>
		<li class="html5">
			{{ HTMLElement(&quot;video&quot;) }}</li>
	</ul>
	<span id="W">W</span>
	<ul>
		<li>
			{{ HTMLElement(&quot;wbr&quot;) }}</li>
	</ul>
	<span id="X">X Y Z </span>
	<ul>
		<li>
			<span id="X"><s class="obsoleteElement deprecatedElement">{{ HTMLElement(&quot;xmp&quot;) }}</s></span></li>
	</ul>
</div>
<p>Символ <a href="/ru/docs/HTML/HTML5"><img alt="Этот элемент был добавлен в HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Этот элемент был добавлен в HTML5" /></a> означает, что этот элемент был добавлен в HTML5. Обратите внимание, что другие элементы, приведённые здесь, могли быть изменены или расширены в спецификации HTML5. Элементы, обозначенные серым цветом, являются нестандартными, устаревшими или нерекомендуемыми для использования; они не должны быть использованы при создании новых интернет сайтов, и должны быть постепенно удалены из ранее созданных сайтов.</p>
Revert to this revision