aboutsummaryrefslogtreecommitdiff
path: root/files/ja/conflicting/web/html/element/index.html
blob: 68508196e4592e5e2dc4f311a969b9a8129d538e (plain)
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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
---
title: HTML5 の要素
slug: conflicting/Web/HTML/Element
tags:
  - HTML
  - HTML5
translation_of: Web/HTML/Element
translation_of_original: Web/Guide/HTML/HTML5/HTML5_element_list
original_slug: Web/Guide/HTML/HTML5/HTML5_element_list
---
<p>This page list all <strong>standard HTML5 elements</strong>, described by their opening tag and grouped by function. Contrary to the <a href="/ja/docs/HTML/Element" title="HTML/Element">HTML Element index</a> which lists all possible tags, standard, non-standard, valid, obsolete or deprecated ones, this list only the valid HTML5 elements. Only those should be used in new Web sites.</p>

<p>The symbol <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は 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.</p>

<h2 id="Root_element" name="Root_element">ルート要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("html")}}</td>
   <td>HTML 文書、XHTML 文書のルート(基点)要素。他の全ての要素はこの要素の子孫要素として配置しなくてはなりません。</td>
  </tr>
 </tbody>
</table>

<h2 id="Document_metadata" name="Document_metadata">文書メタデータ要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("head")}}</td>
   <td>Represents a collection of metadata about the document, including links to or definitions of scripts and style sheets.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("title")}}</td>
   <td>Defines the title of the document, shown in a browser's title bar or on the page's tab. It can only contain text and any contained tags are not interpreted.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("base")}}</td>
   <td>Defines the base URL for relative URL in the page.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("link")}}</td>
   <td>Used to link JavaScript and external CSS with the current HTML document.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("meta")}}</td>
   <td>Defines metadata that can't be defined using other HTML element.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("style")}}</td>
   <td>Style tag is used to write inline CSS.</td>
  </tr>
 </tbody>
</table>

<h2 id="Scripting" name="Scripting">スクリプティング要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("script")}}</td>
   <td>Defines either an internal script or link to an external script. The script language is JavaScript</td>
  </tr>
  <tr>
   <td>{{HTMLElement("noscript")}}</td>
   <td>Defines an alternative content to display when the browser doesn't support scripting.</td>
  </tr>
 </tbody>
</table>

<h2 id="Sections" name="Sections">セクショニング要素と見出し要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("body")}}</td>
   <td>
    <div>Represents the main content of an HTML document. There is only one <code>&lt;body&gt;</code> element in a document.</div>
   </td>
  </tr>
  <tr>
   <td>{{HTMLElement("section")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Defines a section in a document</td>
  </tr>
  <tr>
   <td>{{HTMLElement("nav")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Defines a section that contains only navigation links</td>
  </tr>
  <tr>
   <td>{{HTMLElement("article")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Defines self-contained content that could exist independantly of the rest of the content</td>
  </tr>
  <tr>
   <td>{{HTMLElement("aside")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Defines some content set aside from the rest of page content. If it is removed, the remaining content still make sence.</td>
  </tr>
  <tr>
   <td><a href="/ja/docs/HTML/Element/Heading_Elements" title="Elementy blokowe"><code>&lt;h1&gt;,&lt;h2&gt;,&lt;h3&gt;,&lt;h4&gt;,&lt;h5&gt;,&lt;h6&gt;</code></a></td>
   <td>Heading elements implement six levels of document headings, <code>&lt;h1&gt;</code> is the most important and <code>&lt;h6&gt;</code> is the least. A heading element briefly describes the topic of the section it introduces.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("hgroup")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Groups a set of <code>&lt;h1&gt;</code> to <code>&lt;h6&gt;</code> elements when a heading has multiple levels</td>
  </tr>
  <tr>
   <td>{{HTMLElement("header")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Defines the header of a page or section. It often contains a logo, the title of the Web site and a navigational table of content.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("footer")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Defines the footer for a page or section. It often contains a copyright notice, some links to legal information or addresses to give feedback.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("address")}}</td>
   <td>Defines a section containing contact information.</td>
  </tr>
 </tbody>
</table>

<h2 id="Grouping_content" name="Grouping_content">グループ化要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("p")}}</td>
   <td>Defines a portion that should be displayed as a paragrah.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("hr")}}</td>
   <td>Represents a thematic break between paragraphs of a section or article or any longer content.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("pre")}}</td>
   <td>Indicates that its content is preformatted and that this format must be preserved.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("blockquote")}}</td>
   <td>Represents a citation.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("ol")}}</td>
   <td>Defines an ordered list of items, that is a list which change its meaning if we change the order of its elements</td>
  </tr>
  <tr>
   <td>{{HTMLElement("ul")}}</td>
   <td>Defines an unordered list of items.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("li")}}</td>
   <td>Defines a item of a enumeration list often preceded by a bullet in English.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("dl")}}</td>
   <td>Defines a definition list, that is a list of terms and their associated definitions.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("dt")}}</td>
   <td>Represents a term defined by the next <code>&lt;dd&gt;</code>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("dd")}}</td>
   <td>Represents the definition of the terms immediately listed before it.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("figure")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a figure illustrated a part of the document.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("figcaption")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents the legend of a figure.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("div")}}</td>
   <td>Represents a generic container with no special meaning.</td>
  </tr>
 </tbody>
</table>

<h2 id="Text-level_semantics" name="Text-level_semantics">テキストレベル・セマンティクス要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("a")}}</td>
   <td>ハイパーリンク。他の文書などへのリンク機能を提供します。</td>
  </tr>
  <tr>
   <td>{{HTMLElement("em")}}</td>
   <td>Represents<em>emphasized</em> text, like a stress accent.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("strong")}}</td>
   <td>Represents especially<em>important</em> text.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("small")}}</td>
   <td>Represents a<em>side comment</em>, that is text like a disclaimer, a copyright which is not essential to the comprehension of the document.<code> </code></td>
  </tr>
  <tr>
   <td>{{HTMLElement("s")}}</td>
   <td>Represents content that is no<em>longer accurate or relevant</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("cite")}}</td>
   <td>Represents the<em>title of a work</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("q")}}</td>
   <td>インラインの短い引用。段落をまたぐ様な引用には <code>blockquote</code> 要素を用います。</td>
  </tr>
  <tr>
   <td>{{HTMLElement("dfn")}}</td>
   <td>Represents a term whose<em>definition</em> is contained in its nearest ancestor content.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("abbr")}}</td>
   <td>Represents an<em>abbreviation</em> or an<em>acronym</em>, eventually with its meaning.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("data")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Associates to its content a<em>machine-readable equivalent</em>. (This element is only in the WHATWG version of the HTML standard, and not in the W3C version of HTML5).</td>
  </tr>
  <tr>
   <td>{{HTMLElement("time")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>date</em> and<em>time</em> value, eventually with a machine-readable equivalent.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("code")}}</td>
   <td>コンピューターのコード</td>
  </tr>
  <tr>
   <td>{{HTMLElement("var")}}</td>
   <td>Represents a<em>variable, that is an actual mathematical expression or programming context, an identifier representing a constant, a symbol identifying a physical quantity, a function parameter, or a mere placeholder in prose.</em></td>
  </tr>
  <tr>
   <td>{{HTMLElement("samp")}}</td>
   <td>Represents the<em>output</em> of a program or a computer.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("kbd")}}</td>
   <td>キーボードのキーコマンドや音声コマンドなどのユーザ入力を表します(※名称が「キーボード要素」であるにも関わらず、キーボード以外のユーザ入力も表せる点に注意が必要です)</td>
  </tr>
  <tr>
   <td>{{HTMLElement("sub")}},{{HTMLElement("sup")}}</td>
   <td>Represents a<em>subscript</em>, respectively a<em>superscript.</em></td>
  </tr>
  <tr>
   <td>{{HTMLElement("i")}}</td>
   <td>Represents some text in an<em>alternate</em> voice or mood, or at least of different quality, such as a taxonomic designation, a technical term, an idiomatic phrase, a thought or a ship name.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("b")}}</td>
   <td>Represents a text which to which attention is drawn for<em>utilitarian purposes</em>. It doesn't convey extra importance and doesn't implicate an alternate voice.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("u")}}</td>
   <td>Represents<em>unarticulate</em> non-textual annoatation, such labeling the text as being misspelt or labeling a proper name in Chinese text.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("mark")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents text highlighted for<em>reference</em> purposes, that is for its relevance in another context.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("ruby")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents content to be marked with<em>ruby annotations</em>, short runs of text presented alongside the text. This is often used in conjunction with East Asian language where the annotations act as a guide for pronunciation, like the Japanese<em>furigana</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("rt")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents the<em>text of a ruby annotation</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("rp")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents<em>parenthesis</em> around a ruby annotation, used to display the annotation in an alternate way by browsers not supporting the standard display for annotations.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("bdi")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents text that must be<em>isolated</em> from its surrounding for bidirectional text formatting. It allows to embed span of text with a different, or unknown, directionality.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("bdo")}}</td>
   <td>Represents the<em>directionality</em> of its children, in order to explicitly override the Unicode bidirectional algorithm.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("span")}}</td>
   <td>Represents text with no specific meaning. This has to be used when no<em>other</em> text-semantic element conveys an adequate meaning, which, in this case, is often brought by global attributes like <code>class</code>, <code>lang</code>, or <code>dir</code>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("br")}}</td>
   <td>改行( HTML のソースコード内での改行コードは、特定の要素内のもの、或いは特定のスタイルが指定された要素内のものしか表示される文書に改行として反映されません )</td>
  </tr>
  <tr>
   <td>{{HTMLElement("wbr")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>line break opportunity</em>, that is a suggested wrapping point in order to improve readability of text split on several lines.</td>
  </tr>
 </tbody>
</table>

<h2 id="Edits" name="Edits">変更要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("ins")}}</td>
   <td>文書に追加された内容である事を示す</td>
  </tr>
  <tr>
   <td>{{HTMLElement("del")}}</td>
   <td>文書から削除された内容である事を示す</td>
  </tr>
 </tbody>
</table>

<h2 id="Embedded_content" name="Embedded_content">埋め込みコンテンツ要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("img")}}</td>
   <td>画像</td>
  </tr>
  <tr>
   <td>{{HTMLElement("iframe")}}</td>
   <td>Represents a<em>nested browsing context</em>, that is an embedded HTML document.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("embed")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>integration point</em> for an external, often non_HTML, application or interactive content.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("object")}}</td>
   <td>Represents an<em>external resource</em>, which will be treated as an image, an HTML sub-document or an external resource to be processed by a plugin.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("param")}}</td>
   <td>Defines<em>parameters</em> for use by plugins invoked by <code>&lt;object&gt;</code> elements.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("video")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>video</em>, and its associated audio files and captions, with the necessary interface to play it.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("audio")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>sound</em>, or an<em>audio stream</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("source")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Allows authors to specify alternative media resources for media elements like <code>&lt;video&gt;</code> or <code>&lt;audio&gt;</code>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("track")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Allows authors to specify timed<em>text track</em> for media elements like <code>&lt;video&gt;</code><em>or <code>&lt;audio&gt;</code>.</em></td>
  </tr>
  <tr>
   <td>{{HTMLElement("canvas")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>bitmap area</em> that scripts can be used to render graphics, like graphs, game graphics, any visual images on the fly.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("map")}}</td>
   <td>In conjunction with <code>&lt;area&gt;</code>, defines an<em>image map</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("area")}}</td>
   <td>In conjunction with <code>&lt;map&gt;</code>, defines an<em>image map</em>.</td>
  </tr>
  <tr>
   <td>{{SVGElement("svg")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Defines an embedded<em>vectorial image</em>.</td>
  </tr>
  <tr>
   <td>{{MathMLElement("math")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Defines a<em>mathematical formula</em>.</td>
  </tr>
 </tbody>
</table>

<h2 id="Tabular_data" name="Tabular_data">テーブルデータ要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("table")}}</td>
   <td>行と列を持つ図表。テーブル。</td>
  </tr>
  <tr>
   <td>{{HTMLElement("caption")}}</td>
   <td>テーブルのキャプション</td>
  </tr>
  <tr>
   <td>{{HTMLElement("colgroup")}}</td>
   <td>テーブルの、一つ以上の列グループを表す</td>
  </tr>
  <tr>
   <td>{{HTMLElement("col")}}</td>
   <td>テーブルの列を表す</td>
  </tr>
  <tr>
   <td>{{HTMLElement("tbody")}}</td>
   <td>Represents the block of rows that describes the<em>concrete data</em> of a table.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("thead")}}</td>
   <td>Represents the block of rows that describes the<em>column labels</em> of a table.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("tfoot")}}</td>
   <td>Represents the block of rows that describes the<em>column summaries</em> of a table.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("tr")}}</td>
   <td>Represents a<em>row of cells</em> in a table.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("td")}}</td>
   <td>Represents a<em>data cell</em> in a table.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("th")}}</td>
   <td>Represents a<em>header cell</em> in a table.</td>
  </tr>
 </tbody>
</table>

<h2 id="Forms" name="Forms">フォーム関連要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("form")}}</td>
   <td>Represents a<em>formular</em>, consisting of controls, that can be submitted to a server for processing.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("fieldset")}}</td>
   <td>フォームコントロール要素のグループ化に用いる</td>
  </tr>
  <tr>
   <td>{{HTMLElement("legend")}}</td>
   <td><code>&lt;fieldset&gt;</code> のキャプション</td>
  </tr>
  <tr>
   <td>{{HTMLElement("label")}}</td>
   <td>フォームコントロールのキャプション</td>
  </tr>
  <tr>
   <td>{{HTMLElement("input")}}</td>
   <td>Represents a<em>typed data field</em> allowing the user to edit the data.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("button")}}</td>
   <td>Represents a<em>button</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("select")}}</td>
   <td>Represents a control allowing the<em>selection among a set of options</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("datalist")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>set of predefined options</em> for other controls.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("optgroup")}}</td>
   <td>Represents a<em>set of options</em>, logically grouped.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("option")}}</td>
   <td>Represents an<em>option</em> in a <code>&lt;select&gt;</code> element, or a suggestion of a <code>&lt;datalist&gt;</code> element.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("textarea")}}</td>
   <td>Represents a<em>multiline text edit control</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("keygen")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>key pair generator control</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("output")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents the<em>result of a calculation</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("progress")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents the<em>completion progress</em> of a task.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("meter")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a scalar<em>measurement</em> (or a fractional value), within a known range</td>
  </tr>
 </tbody>
</table>

<h2 id="Interactive_elements" name="Interactive_elements">インタラクティブコンテンツ要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("details")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>widget</em> from which the user can obtain additional information or controls.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("summary")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>summary</em>,<em>caption</em>, or<em>legend</em> for a given <code>&lt;details&gt;</code>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("command")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>command</em> that the user can invoke.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("menu")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>list of commands</em>.</td>
  </tr>
 </tbody>
</table>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li><a href="/ja/docs/HTML/HTML5" title="HTML/HTML5">HTML5</a></li>
 <li><a href="/ja/docs/HTML/Element" title="HTML/Element">HTML 要素リファレンス</a> (HTML5 に含まれない要素も含まれています)</li>
 <li>Another way of listing the tags: the <a href="http://joshduck.com/periodic-table.html" title="http://joshduck.com/periodic-table.html">Periodic table of HTML5 elements</a> by Josh Duck.</li>
</ul>