files/ms/web/html/element/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208

---
title: Elemen-Elemen HTML
slug: HTML/Elemen
translation_of: Web/HTML/Element
---
<p>This HTML reference lists all <strong>HTML elements</strong>, defined in HTML5 or in a previous specification. When enclosed within angle brackets, they form <em>HTML tags</em>: <code>&lt;elementname&gt;.</code> Elements are entities specifying how HTML documents should be built, and what kind of content should be placed in what part of an <a href="/en-US/docs/HTML" title="/en-US/docs/HTML">HTML</a> document.</p>
<p>This page lists all standard HTML5 tags, but also older, obsolete and deprecated ones, as well as non-standard ones that browsers may support. Elements that were introduced in <a href="/en-US/docs/HTML/HTML5" title="/en-US/docs/HTML/HTML5">HTML5</a> are often referred as the new HTML5 elements, even though the other standard elements also are valid in HTML5.</p>
<p>In an HTML document, an element is defined by a <em>starting tag</em>. If the element contains other content, it ends with a <em>closing tag</em>, where the element name is preceded by a forward slash: <code>&lt;/elementname&gt;</code>. Some elements don't need to be closed, such as image elements. These are known as <em>void</em> elements. HTML documents contain a tree of these elements. Each is named to represent what it does. For example, the <code>&lt;title&gt;</code> element represents the title of the document. Below is an alphabetical list of the HTML Elements.</p>
<div class="index widgeted">
  <span id="A">A</span>
  <ul>
    <li>{{ HTMLElement("a") }}</li>
    <li>{{ HTMLElement("abbr") }}</li>
    <li><s class="obsoleteElement">{{ HTMLElement("acronym") }}</s></li>
    <li>{{ HTMLElement("address") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("applet") }}</s></li>
    <li>{{ HTMLElement("area") }}</li>
    <li class="html5">{{ HTMLElement("article") }}</li>
    <li class="html5">{{ HTMLElement("aside") }}</li>
    <li class="html5">{{ HTMLElement("audio") }}</li>
  </ul>
  <span id="B">B</span>
  <ul>
    <li>{{ HTMLElement("b") }}</li>
    <li>{{ HTMLElement("base") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("basefont") }}</s></li>
    <li class="html5">{{ HTMLElement("bdi") }}</li>
    <li>{{ HTMLElement("bdo") }}</li>
    <li><s class="nonStdElement">{{ HTMLElement("bgsound") }}</s></li>
    <li><s class="obsoleteElement">{{ HTMLElement("big") }}</s></li>
    <li><s class="nonStdElement">{{ HTMLElement("blink") }}</s></li>
    <li>{{ HTMLElement("blockquote") }}</li>
    <li>{{ HTMLElement("body") }}</li>
    <li>{{ HTMLElement("br") }}</li>
    <li>{{ HTMLElement("button") }}</li>
  </ul>
  <span id="C">C</span>
  <ul>
    <li class="html5">{{ HTMLElement("canvas") }}</li>
    <li>{{ HTMLElement("caption") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("center") }}</s></li>
    <li>{{ HTMLElement("cite") }}</li>
    <li>{{ HTMLElement("code") }}</li>
    <li>{{ HTMLElement("col") }}</li>
    <li>{{ HTMLElement("colgroup") }}</li>
    <li class="html5">{{ HTMLElement("command") }}</li>
  </ul>
  <span id="D">D</span>
  <ul>
    <li class="html5">{{ HTMLElement("data") }}</li>
    <li class="html5">{{ HTMLElement("datalist") }}</li>
    <li>{{ HTMLElement("dd") }}</li>
    <li>{{ HTMLElement("del") }}</li>
    <li class="html5">{{ HTMLElement("details") }}</li>
    <li>{{ HTMLElement("dfn") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("dir") }}</s></li>
    <li>{{ HTMLElement("div") }}</li>
    <li>{{ HTMLElement("dl") }}</li>
    <li>{{ HTMLElement("dt") }}</li>
  </ul>
  <span id="E">E</span>
  <ul>
    <li>{{ HTMLElement("em") }}</li>
    <li class="html5">{{ HTMLElement("embed") }}</li>
  </ul>
  <span id="F">F</span>
  <ul>
    <li>{{ HTMLElement("fieldset") }}</li>
    <li>{{ HTMLElement("figcaption") }}</li>
    <li class="html5">{{ HTMLElement("figure") }}</li>
    <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("font") }}</s></li>
    <li class="html5">{{ HTMLElement("footer") }}</li>
    <li>{{ HTMLElement("form") }}</li>
    <li><s class="obsoleteElement">{{ HTMLElement("frame") }}</s></li>
    <li><s class="obsoleteElement">{{ HTMLElement("frameset") }}</s></li>
  </ul>
  <span id="G">G H</span>
  <ul>
    <li>{{ HTMLElement("h1") }}</li>
    <li>{{ HTMLElement("h2") }}</li>
    <li>{{ HTMLElement("h3") }}</li>
    <li>{{ HTMLElement("h4") }}</li>
    <li>{{ HTMLElement("h5") }}</li>
    <li>{{ HTMLElement("h6") }}</li>
    <li>{{ HTMLElement("head") }}</li>
    <li class="html5">{{ HTMLElement("header") }}</li>
    <li class="html5">{{ HTMLElement("hgroup") }}</li>
    <li>{{ HTMLElement("hr") }}</li>
    <li>{{ HTMLElement("html") }}</li>
  </ul>
  <span id="I">I</span>
  <ul>
    <li>{{ HTMLElement("i") }}</li>
    <li>{{ HTMLElement("iframe") }}</li>
    <li>{{ HTMLElement("img") }}</li>
    <li>{{ HTMLElement("input") }}</li>
    <li>{{ HTMLElement("ins") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("isindex") }}</s></li>
  </ul>
  <span id="J">J K</span>
  <ul>
    <li>{{ HTMLElement("kbd") }}</li>
    <li class="html5">{{ HTMLElement("keygen") }}</li>
  </ul>
  <span id="L">L</span>
  <ul>
    <li>{{ HTMLElement("label") }}</li>
    <li>{{ HTMLElement("legend") }}</li>
    <li>{{ HTMLElement("li") }}</li>
    <li>{{ HTMLElement("link") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("listing") }}</s></li>
  </ul>
  <span id="M">M</span>
  <ul>
    <li class="html5">{{HTMLElement("main")}}</li>
    <li>{{ HTMLElement("map") }}</li>
    <li class="html5">{{ HTMLElement("mark") }}</li>
    <li><s class="nonStdElement">{{ HTMLElement("marquee") }}</s></li>
    <li class="html5">{{ HTMLElement("menu") }}</li>
    <li>{{ HTMLElement("meta") }}</li>
    <li class="html5">{{ HTMLElement("meter") }}</li>
  </ul>
  <span id="N">N</span>
  <ul>
    <li class="html5">{{ HTMLElement("nav") }}</li>
    <li><s class="nonStdElement">{{ HTMLElement("nobr") }}</s></li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("noframes") }}</s></li>
    <li>{{ HTMLElement("noscript") }}</li>
  </ul>
  <span id="O">O</span>
  <ul>
    <li>{{ HTMLElement("object") }}</li>
    <li>{{ HTMLElement("ol") }}</li>
    <li>{{ HTMLElement("optgroup") }}</li>
    <li>{{ HTMLElement("option") }}</li>
    <li class="html5">{{ HTMLElement("output") }}</li>
  </ul>
  <span id="P">P</span>
  <ul>
    <li>{{ HTMLElement("p") }}</li>
    <li>{{ HTMLElement("param") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("plaintext") }}</s></li>
    <li>{{ HTMLElement("pre") }}</li>
    <li class="html5">{{ HTMLElement("progress") }}</li>
  </ul>
  <span id="Q">Q</span>
  <ul>
    <li>{{ HTMLElement("q") }}</li>
  </ul>
  <span id="R">R</span>
  <ul>
    <li class="html5">{{ HTMLElement("rp") }}</li>
    <li class="html5">{{ HTMLElement("rt") }}</li>
    <li class="html5">{{ HTMLElement("ruby") }}</li>
  </ul>
  <span id="S">S</span>
  <ul>
    <li>{{ HTMLElement("s") }}</li>
    <li>{{ HTMLElement("samp") }}</li>
    <li>{{ HTMLElement("script") }}</li>
    <li class="html5">{{ HTMLElement("section") }}</li>
    <li>{{ HTMLElement("select") }}</li>
    <li>{{ HTMLElement("small") }}</li>
    <li class="html5">{{ HTMLElement("source") }}</li>
    <li><s class="nonStdElement">{{ HTMLElement("spacer") }}</s></li>
    <li>{{ HTMLElement("span") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("strike") }}</s></li>
    <li>{{ HTMLElement("strong") }}</li>
    <li>{{ HTMLElement("style") }}</li>
    <li>{{ HTMLElement("sub") }}</li>
    <li class="html5">{{ HTMLElement("summary") }}</li>
    <li>{{ HTMLElement("sup") }}</li>
  </ul>
  <span id="T">T</span>
  <ul>
    <li>{{ HTMLElement("table") }}</li>
    <li>{{ HTMLElement("tbody") }}</li>
    <li>{{ HTMLElement("td") }}</li>
    <li>{{ HTMLElement("textarea") }}</li>
    <li>{{ HTMLElement("tfoot") }}</li>
    <li>{{ HTMLElement("th") }}</li>
    <li>{{ HTMLElement("thead") }}</li>
    <li class="html5">{{ HTMLElement("time") }}</li>
    <li>{{ HTMLElement("title") }}</li>
    <li>{{ HTMLElement("tr") }}</li>
    <li class="html5">{{ HTMLElement("track") }}</li>
    <li><s class="obsoleteElement">{{ HTMLElement("tt") }}</s></li>
  </ul>
  <span id="U">U</span>
  <ul>
    <li>{{ HTMLElement("u") }}</li>
    <li>{{ HTMLElement("ul") }}</li>
  </ul>
  <span id="V">V</span>
  <ul>
    <li>{{ HTMLElement("var") }}</li>
    <li class="html5">{{ HTMLElement("video") }}</li>
  </ul>
  <span id="W">W</span>
  <ul>
    <li class="html5">{{ HTMLElement("wbr") }}</li>
  </ul>
  <span id="X">X Y Z </span>
  <ul>
    <li><span id="X"><s class="obsoleteElement deprecatedElement">{{ HTMLElement("xmp") }}</s></span></li>
  </ul>
</div>
<p>The symbol <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5"></a> indicates that the element has been added in HTML5. Note that other elements listed here may have been modified or extended by the HTML5 specification. Dimmed elements are non-standard, obsolete, or deprecated; they must not be used in new Web sites, and should gradually be removed from existing ones.</p>