Upload
eruner
View
219
Download
1
Embed Size (px)
Citation preview
7/31/2019 HTML5 Element Index
1/21
HTML5 Element Index
This is a quick reference of elements that are new or have been redefined in HTML5. For
each element there is a short description, a link to the specification, and a code example.
Our prognosis links to the HTML5 Doctor article on the element. There are more articles
in theArticle Archive.
A
a
If the a element has an href attribute, then it represents a hyperlink (a
hypertext anchor). If the a element has no href attribute, then the element
represents a placeholder for where a link might otherwise have been placed, if it hadbeen relevant.
The target, rel, media, hreflang, and type attributes must be omitted ifthe href attribute is not present.
http://dev.w3.org/html5/spec/Overview.html#the-a-element code snippet
abbrour prognosis
Represents an abbreviation or acronym. The optional title attribute may be used
to provide an expansion of the abbreviation. If specified, the title attribute must
contain an expansion of the abbreviation and nothing else.
http://dev.w3.org/html5/spec/Overview.html#the-abbr-element code snippet
addressour prognosis
Represents the contact information for its enclosing section. If it is a child of the
body element, then it applies to the document as a whole.
http://dev.w3.org/html5/spec/Overview.html#the-address-element code snippet
area
The area element represents either a hyperlink with some text and a
corresponding area on an image map, or a dead area on an image map.
If the area element has no href attribute, then the area represented by the elementcannot be selected, and the alt attribute must be omitted.
http://dev.w3.org/html5/spec/Overview.html#the-area-element code snippet
articleour prognosis
Represents a section of a page that consists of a composition that forms an
independent part of a document, page, or site. This could be a forum post, a
http://html5doctor.com/article-archive/http://html5doctor.com/article-archive/http://html5doctor.com/article-archive/http://dev.w3.org/html5/spec/Overview.html#the-a-elementhttp://html5doctor.com/element-index/#a-elementhttp://html5doctor.com/element-index/#a-elementhttp://html5doctor.com/element-index/#a-elementhttp://html5doctor.com/the-abbr-element/http://html5doctor.com/the-abbr-element/http://html5doctor.com/the-abbr-element/http://dev.w3.org/html5/spec/Overview.html#the-abbr-elementhttp://html5doctor.com/element-index/#abbr-elementhttp://html5doctor.com/element-index/#abbr-elementhttp://html5doctor.com/element-index/#abbr-elementhttp://html5doctor.com/the-address-element/http://html5doctor.com/the-address-element/http://html5doctor.com/the-address-element/http://dev.w3.org/html5/spec/Overview.html#the-address-elementhttp://html5doctor.com/element-index/#address-elementhttp://html5doctor.com/element-index/#address-elementhttp://html5doctor.com/element-index/#address-elementhttp://dev.w3.org/html5/spec/Overview.html#the-area-elementhttp://html5doctor.com/element-index/#area-elementhttp://html5doctor.com/element-index/#area-elementhttp://html5doctor.com/element-index/#area-elementhttp://html5doctor.com/the-article-element/http://html5doctor.com/the-article-element/http://html5doctor.com/the-article-element/http://html5doctor.com/the-article-element/http://html5doctor.com/element-index/#area-elementhttp://dev.w3.org/html5/spec/Overview.html#the-area-elementhttp://html5doctor.com/element-index/#address-elementhttp://dev.w3.org/html5/spec/Overview.html#the-address-elementhttp://html5doctor.com/the-address-element/http://html5doctor.com/element-index/#abbr-elementhttp://dev.w3.org/html5/spec/Overview.html#the-abbr-elementhttp://html5doctor.com/the-abbr-element/http://html5doctor.com/element-index/#a-elementhttp://dev.w3.org/html5/spec/Overview.html#the-a-elementhttp://html5doctor.com/article-archive/7/31/2019 HTML5 Element Index
2/21
magazine or newspaper article, a Web log entry, a user-submitted comment, or any
other independent item of content.
http://dev.w3.org/html5/spec/Overview.html#the-article-element code snippet
asideour prognosis
Represents a section of a page consisting of content that is tangentially related to the
content around the aside element, and which could be considered separate from
that content. Such sections are often represented as sidebars in printed typography.
http://dev.w3.org/html5/spec/Overview.html#the-aside-element code snippet
audioour prognosis
Represents a sound or audio stream.
Content may be nested inside the audio element. User agents should not show this
content to the user. Authors should use this content to force older browsers to use alegacy audio plugin or to inform the user of how to access the audio content.
Supported audio codecs:
Chrome 3+ supports .ogg and .wav Firefox 3.5+ supports .ogg and .wav Opera 10.5+ supports .ogg and .wav Safari 4+ supports .mp3 and .wav
http://dev.w3.org/html5/spec/Overview.html#audio code snippet
B
bour prognosis
Represents a span of text to be stylistically offset from the normal prose withoutconveying any extra importance. Examples are key words in a document abstract,
product names in a review, or other spans of text whose typical typographic
presentation is bold.
The b element should be used as a last resort when no other element is more
appropriate. In particular, headings should use the h1 to h6 elements, stressemphasis should use the em element, importance should be denoted with the strong
element, and text marked or highlighted should use the mark element.
http://dev.w3.org/html5/spec/Overview.html#the-b-element code snippetbase
http://dev.w3.org/html5/spec/Overview.html#the-article-elementhttp://html5doctor.com/element-index/#article-elementhttp://html5doctor.com/element-index/#article-elementhttp://html5doctor.com/element-index/#article-elementhttp://html5doctor.com/aside-revisited/http://html5doctor.com/aside-revisited/http://html5doctor.com/aside-revisited/http://dev.w3.org/html5/spec/Overview.html#the-aside-elementhttp://html5doctor.com/element-index/#aside-elementhttp://html5doctor.com/element-index/#aside-elementhttp://html5doctor.com/element-index/#aside-elementhttp://html5doctor.com/native-audio-in-the-browser/http://html5doctor.com/native-audio-in-the-browser/http://dev.w3.org/html5/spec/Overview.html#audiohttp://html5doctor.com/element-index/#audio-elementhttp://html5doctor.com/element-index/#audio-elementhttp://html5doctor.com/element-index/#audio-elementhttp://html5doctor.com/i-b-em-strong-element/http://html5doctor.com/i-b-em-strong-element/http://html5doctor.com/i-b-em-strong-element/http://dev.w3.org/html5/spec/Overview.html#the-b-elementhttp://html5doctor.com/element-index/#b-elementhttp://html5doctor.com/element-index/#b-elementhttp://html5doctor.com/element-index/#b-elementhttp://html5doctor.com/element-index/#b-elementhttp://dev.w3.org/html5/spec/Overview.html#the-b-elementhttp://html5doctor.com/i-b-em-strong-element/http://html5doctor.com/element-index/#audio-elementhttp://dev.w3.org/html5/spec/Overview.html#audiohttp://html5doctor.com/native-audio-in-the-browser/http://html5doctor.com/element-index/#aside-elementhttp://dev.w3.org/html5/spec/Overview.html#the-aside-elementhttp://html5doctor.com/aside-revisited/http://html5doctor.com/element-index/#article-elementhttp://dev.w3.org/html5/spec/Overview.html#the-article-element7/31/2019 HTML5 Element Index
3/21
The base element allows authors to specify the document base URL for the
purposes of resolving relative URLs, and the name of the default browsing contextfor the purposes of following hyperlinks. The element does not represent any
content beyond this information.
There must be no more than one base element per document. A base elementmust have either an href attribute, a target attribute, or both.
http://dev.w3.org/html5/spec/Overview.html#the-base-element code snippet
bdi
The bdi element represents a span of text that is to be isolated from its
surroundings for the purposes of bidirectional text formatting.
http://dev.w3.org/html5/spec/text-level-semantics.html#the-bdi-element code
snippet
bdo
The bdo element represents explicit text directionality formatting control for its
children. It allows authors to override the Unicode bidirectional algorithm byexplicitly specifying a direction override.
http://dev.w3.org/html5/spec/text-level-semantics.html#the-bdo-element codesnippet
blockquote
The blockquote element represents a section that is quoted from another source.
Content inside a blockquote must be quoted from another source, whose
address, if it has one, may be cited in the cite attribute.
http://dev.w3.org/html5/spec/Overview.html#the-blockquote-element code snippetbody
The body element represents the main content of the document.
http://dev.w3.org/html5/spec/Overview.html#the-body-element-0 code snippet
br
The br element represents a line break. br elements must be used only for line
breaks that are actually part of the content, as in poems or addresses. br elements
must not be used for separating thematic groups in a paragraph.
http://dev.w3.org/html5/spec/Overview.html#the-br-element code snippet
button
http://dev.w3.org/html5/spec/Overview.html#the-base-elementhttp://html5doctor.com/element-index/#base-elementhttp://html5doctor.com/element-index/#base-elementhttp://html5doctor.com/element-index/#base-elementhttp://dev.w3.org/html5/spec/text-level-semantics.html#the-bdi-elementhttp://html5doctor.com/element-index/#bdi-elementhttp://html5doctor.com/element-index/#bdi-elementhttp://html5doctor.com/element-index/#bdi-elementhttp://html5doctor.com/element-index/#bdi-elementhttp://dev.w3.org/html5/spec/text-level-semantics.html#the-bdo-elementhttp://html5doctor.com/element-index/#bdo-elementhttp://html5doctor.com/element-index/#bdo-elementhttp://html5doctor.com/element-index/#bdo-elementhttp://html5doctor.com/element-index/#bdo-elementhttp://dev.w3.org/html5/spec/Overview.html#the-blockquote-elementhttp://html5doctor.com/element-index/#blockquote-elementhttp://html5doctor.com/element-index/#blockquote-elementhttp://html5doctor.com/element-index/#blockquote-elementhttp://dev.w3.org/html5/spec/Overview.html#the-body-element-0http://html5doctor.com/element-index/#body-elementhttp://html5doctor.com/element-index/#body-elementhttp://html5doctor.com/element-index/#body-elementhttp://dev.w3.org/html5/spec/Overview.html#the-br-elementhttp://html5doctor.com/element-index/#br-elementhttp://html5doctor.com/element-index/#br-elementhttp://html5doctor.com/element-index/#br-elementhttp://html5doctor.com/element-index/#br-elementhttp://dev.w3.org/html5/spec/Overview.html#the-br-elementhttp://html5doctor.com/element-index/#body-elementhttp://dev.w3.org/html5/spec/Overview.html#the-body-element-0http://html5doctor.com/element-index/#blockquote-elementhttp://dev.w3.org/html5/spec/Overview.html#the-blockquote-elementhttp://html5doctor.com/element-index/#bdo-elementhttp://html5doctor.com/element-index/#bdo-elementhttp://dev.w3.org/html5/spec/text-level-semantics.html#the-bdo-elementhttp://html5doctor.com/element-index/#bdi-elementhttp://html5doctor.com/element-index/#bdi-elementhttp://dev.w3.org/html5/spec/text-level-semantics.html#the-bdi-elementhttp://html5doctor.com/element-index/#base-elementhttp://dev.w3.org/html5/spec/Overview.html#the-base-element7/31/2019 HTML5 Element Index
4/21
The button element represents a button. If the element is not disabled, then the
user agent should allow the user to activate the button.
http://dev.w3.org/html5/spec/Overview.html#the-button-element code snippet
C
canvasour prognosis
Represents a resolution-dependent bitmap canvas, which can be used for renderinggraphs, game graphics, or other visual images on the fly.
Authors should not use the canvas element in a document when a more suitable
element is available. For example, it is inappropriate to use a canvas element to
render a page heading. If the desired presentation of the heading is graphically
intense, it should be marked up using appropriate elements (typically h1) and then
styled using CSS and supporting technologies such as XBL.
When authors use the canvas element, they must also provide content that, when
presented to the user, conveys essentially the same function or purpose as thebitmap canvas. This content should be nested within the canvas element as a
fallback.
http://dev.w3.org/html5/spec/Overview.html#the-canvas-element code snippet
caption
The caption element represents the title of the table that is its parent, if it has a
parent and that is a table element.
When a table element is the only content in a figure element other than the
figcaption, the caption element should be omitted in favor of the
figcaption.
http://dev.w3.org/html5/spec/Overview.html#the-caption-element code snippetcite
The cite element represents the title of a work (e.g. a book, a paper, an essay, a
poem, a score, a song, a script, a film, a TV show, a game, a sculpture, a painting, a
theatre production, a play, an opera, a musical, an exhibition, a legal case report,etc). This can be a work that is being quoted or referenced in detail (i.e. a citation),
or it can just be a work that is mentioned in passing.
A person's name is not the title of a workeven if people call that person a pieceof workand the element must therefore not be used to mark up people's names.(In some cases, the b element might be appropriate for names; e.g. in a gossip article
where the names of famous people are keywords rendered with a different style to
http://dev.w3.org/html5/spec/Overview.html#the-button-elementhttp://html5doctor.com/element-index/#button-elementhttp://html5doctor.com/element-index/#button-elementhttp://html5doctor.com/element-index/#button-elementhttp://html5doctor.com/an-introduction-to-the-canvas-2d-api/http://html5doctor.com/an-introduction-to-the-canvas-2d-api/http://html5doctor.com/an-introduction-to-the-canvas-2d-api/http://dev.w3.org/html5/spec/Overview.html#the-canvas-elementhttp://html5doctor.com/element-index/#canvas-elementhttp://html5doctor.com/element-index/#canvas-elementhttp://html5doctor.com/element-index/#canvas-elementhttp://dev.w3.org/html5/spec/Overview.html#the-caption-elementhttp://html5doctor.com/element-index/#caption-elementhttp://html5doctor.com/element-index/#caption-elementhttp://html5doctor.com/element-index/#caption-elementhttp://html5doctor.com/element-index/#caption-elementhttp://dev.w3.org/html5/spec/Overview.html#the-caption-elementhttp://html5doctor.com/element-index/#canvas-elementhttp://dev.w3.org/html5/spec/Overview.html#the-canvas-elementhttp://html5doctor.com/an-introduction-to-the-canvas-2d-api/http://html5doctor.com/element-index/#button-elementhttp://dev.w3.org/html5/spec/Overview.html#the-button-element7/31/2019 HTML5 Element Index
5/21
draw attention to them. In other cases, if an element is really needed, the span
element can be used.)
http://dev.w3.org/html5/spec/Overview.html#the-cite-element code snippet
code
The code element represents a fragment of computer code. This could be an XML
element name, a filename, a computer program, or any other string that a computerwould recognize.
http://dev.w3.org/html5/spec/Overview.html#the-code-element code snippet
col
If a col element has a parent and that is a colgroup element that itself has a
parent that is a table element, then the col element represents one or more
columns in the column group represented by that colgroup.
http://dev.w3.org/html5/spec/Overview.html#the-col-element code snippet
colgroup
The colgroup element represents a group of one or more columns in the table
that is its parent, if it has a parent and that is a table element.
If the colgroup element contains no col elements, then the element may have a
span content attribute specified, whose value must be a valid non-negative integer
greater than zero.
http://dev.w3.org/html5/spec/Overview.html#the-colgroup-element code snippetcommand
The command element represents a command that the user can invoke. A command
can be part of a context menu or toolbar, using the menu element, or can be put
anywhere else in the page, to define a keyboard shortcut.
http://dev.w3.org/html5/spec/Overview.html#the-command code snippet
D
datalist
The datalist element represents a set of option elements that represent
predefined options for other controls. The contents of the element represents
fallback content for legacy user agents, intermixed with option elements that
represent the predefined options. In the rendering, the datalist element
represents nothing and it, along with its children, should be hidden.
http://dev.w3.org/html5/spec/Overview.html#the-cite-elementhttp://html5doctor.com/element-index/#cite-elementhttp://html5doctor.com/element-index/#cite-elementhttp://html5doctor.com/element-index/#cite-elementhttp://dev.w3.org/html5/spec/Overview.html#the-code-elementhttp://html5doctor.com/element-index/#code-elementhttp://html5doctor.com/element-index/#code-elementhttp://html5doctor.com/element-index/#code-elementhttp://dev.w3.org/html5/spec/Overview.html#the-col-elementhttp://html5doctor.com/element-index/#col-elementhttp://html5doctor.com/element-index/#col-elementhttp://html5doctor.com/element-index/#col-elementhttp://dev.w3.org/html5/spec/Overview.html#the-colgroup-elementhttp://html5doctor.com/element-index/#colgroup-elementhttp://html5doctor.com/element-index/#colgroup-elementhttp://html5doctor.com/element-index/#colgroup-elementhttp://dev.w3.org/html5/spec/Overview.html#the-commandhttp://html5doctor.com/element-index/#command-elementhttp://html5doctor.com/element-index/#command-elementhttp://html5doctor.com/element-index/#command-elementhttp://html5doctor.com/element-index/#command-elementhttp://dev.w3.org/html5/spec/Overview.html#the-commandhttp://html5doctor.com/element-index/#colgroup-elementhttp://dev.w3.org/html5/spec/Overview.html#the-colgroup-elementhttp://html5doctor.com/element-index/#col-elementhttp://dev.w3.org/html5/spec/Overview.html#the-col-elementhttp://html5doctor.com/element-index/#code-elementhttp://dev.w3.org/html5/spec/Overview.html#the-code-elementhttp://html5doctor.com/element-index/#cite-elementhttp://dev.w3.org/html5/spec/Overview.html#the-cite-element7/31/2019 HTML5 Element Index
6/21
The datalist element is hooked up to an input element using the list attribute
on the input element.
http://dev.w3.org/html5/spec/Overview.html#the-datalist-element code snippet
ddour prognosis
The dd element represents the description, definition, or value, part of a term-
description group in a description list (dl element).
http://dev.w3.org/html5/spec/Overview.html#the-dd-element code snippet
del
The del element represents a removal from the document. Thedel elements should
not cross implied paragraph boundaries
http://dev.w3.org/html5/spec/Overview.html#the-del-element code snippet
detailsour prognosis
The details element represents a disclosure widget from which the user can
obtain additional information or controls. However, the details element is not
appropriate for footnotes.
http://dev.w3.org/html5/spec/Overview.html#the-details-element code snippet
dfn
The dfn element represents the defining instance of a term. The paragraph,
description list group, or section that is the nearest ancestor of the dfn element
must also contain the definition(s) for the term given by the dfn element.
http://dev.w3.org/html5/spec/Overview.html#the-dfn-element code snippet
divour prognosis
The div element has no special meaning at all. It represents its children. It can be
used with the class, lang, and title attributes to mark up semantics common
to a group of consecutive elements.
http://dev.w3.org/html5/spec/Overview.html#the-div-element code snippet
dlour prognosis
Represents a description list consisting of zero or more name-value groups. Each
group must consist of one or more names (dt elements) each followed by one or
more values (dd elements).
Name-value groups may be terms and definitions, metadata topics and values, or
any other groups of name-value data. The values within a group are alternatives;
http://dev.w3.org/html5/spec/Overview.html#the-datalist-elementhttp://html5doctor.com/element-index/#datalist-elementhttp://html5doctor.com/element-index/#datalist-elementhttp://html5doctor.com/element-index/#datalist-elementhttp://html5doctor.com/the-dl-element/http://html5doctor.com/the-dl-element/http://html5doctor.com/the-dl-element/http://dev.w3.org/html5/spec/Overview.html#the-dd-elementhttp://html5doctor.com/element-index/#dd-elementhttp://html5doctor.com/element-index/#dd-elementhttp://html5doctor.com/element-index/#dd-elementhttp://dev.w3.org/html5/spec/Overview.html#the-del-elementhttp://html5doctor.com/element-index/#del-elementhttp://html5doctor.com/element-index/#del-elementhttp://html5doctor.com/element-index/#del-elementhttp://html5doctor.com/the-details-and-summary-elements/http://html5doctor.com/the-details-and-summary-elements/http://html5doctor.com/the-details-and-summary-elements/http://dev.w3.org/html5/spec/Overview.html#the-details-elementhttp://html5doctor.com/element-index/#details-elementhttp://html5doctor.com/element-index/#details-elementhttp://html5doctor.com/element-index/#details-elementhttp://dev.w3.org/html5/spec/Overview.html#the-dfn-elementhttp://html5doctor.com/element-index/#dfn-elementhttp://html5doctor.com/element-index/#dfn-elementhttp://html5doctor.com/element-index/#dfn-elementhttp://html5doctor.com/you-can-still-use-div/http://html5doctor.com/you-can-still-use-div/http://dev.w3.org/html5/spec/Overview.html#the-div-elementhttp://html5doctor.com/element-index/#div-elementhttp://html5doctor.com/element-index/#div-elementhttp://html5doctor.com/element-index/#div-elementhttp://html5doctor.com/the-dl-element/http://html5doctor.com/the-dl-element/http://html5doctor.com/the-dl-element/http://html5doctor.com/the-dl-element/http://html5doctor.com/element-index/#div-elementhttp://dev.w3.org/html5/spec/Overview.html#the-div-elementhttp://html5doctor.com/you-can-still-use-div/http://html5doctor.com/element-index/#dfn-elementhttp://dev.w3.org/html5/spec/Overview.html#the-dfn-elementhttp://html5doctor.com/element-index/#details-elementhttp://dev.w3.org/html5/spec/Overview.html#the-details-elementhttp://html5doctor.com/the-details-and-summary-elements/http://html5doctor.com/element-index/#del-elementhttp://dev.w3.org/html5/spec/Overview.html#the-del-elementhttp://html5doctor.com/element-index/#dd-elementhttp://dev.w3.org/html5/spec/Overview.html#the-dd-elementhttp://html5doctor.com/the-dl-element/http://html5doctor.com/element-index/#datalist-elementhttp://dev.w3.org/html5/spec/Overview.html#the-datalist-element7/31/2019 HTML5 Element Index
7/21
multiple paragraphs forming part of the same value must all be given within the
same dd element.
http://dev.w3.org/html5/spec/Overview.html#the-dl-element code snippet
dtour prognosis
The dt element represents the term, or name, part of a term-description group in a
description list (dl element).
http://dev.w3.org/html5/spec/Overview.html#the-dt-element code snippet
doctype
A DOCTYPE is a required preamble and must consist of the following characters, in
this order:
1. A string that is an ASCII case-insensitive match for the string"
7/31/2019 HTML5 Element Index
8/21
same MIME type as the explicit Content-Type metadata of the resource given by
the src attribute.
http://dev.w3.org/html5/spec/Overview.html#the-embed-element code snippet
F
fieldset
The fieldset element is expected to establish a new block formatting context.
If the fieldset element has a child that matches the conditions in the list below,
then the first such child is the fieldset element's rendered legend:
The child is a legend element. The child is not out-of-flow (e.g. not absolutely positioned or floated). The child is generating a box (e.g. it is not 'display:none').
http://dev.w3.org/html5/spec/Overview.html#the-fieldset-element code snippetfigcaptionour prognosis
The figcaption element represents a caption or legend for the rest of the
contents of the figcaption element's parent figure element, if any.
http://dev.w3.org/html5/spec/Overview.html#the-figcaption-element code snippetfigureour prognosis
The figure element represents some flow content, optionally with a caption,that is self-contained and is typically referenced as a single unit from the main flow
of the document.
The figure element can be used to annotate illustrations, diagrams, photos, code
listings, etc., that are referenced in the main content of the document, but that could,
without affecting the flow of the document, be moved away from that primarycontente.g., to the side of the page, to dedicated pages, or to an appendix.
http://dev.w3.org/html5/spec/Overview.html#the-figure-element code snippetfooterour prognosis
Represents the "footer" of a document or section of a document. The footer
element typically contains metadata about its enclosing section, such as who
wrote it, links to related documents, copyright data, etc. Contact information for the
section given in a footer should be marked up using the address element.
http://dev.w3.org/html5/spec/Overview.html#the-footer-element code snippet
form
http://dev.w3.org/html5/spec/Overview.html#the-embed-elementhttp://html5doctor.com/element-index/#embed-elementhttp://html5doctor.com/element-index/#embed-elementhttp://html5doctor.com/element-index/#embed-elementhttp://dev.w3.org/html5/spec/Overview.html#the-fieldset-elementhttp://html5doctor.com/element-index/#fieldset-elementhttp://html5doctor.com/element-index/#fieldset-elementhttp://html5doctor.com/element-index/#fieldset-elementhttp://html5doctor.com/the-figure-figcaption-elements/http://html5doctor.com/the-figure-figcaption-elements/http://dev.w3.org/html5/spec/Overview.html#the-figcaption-elementhttp://html5doctor.com/element-index/#figcaption-elementhttp://html5doctor.com/element-index/#figcaption-elementhttp://html5doctor.com/element-index/#figcaption-elementhttp://html5doctor.com/the-figure-figcaption-elements/http://html5doctor.com/the-figure-figcaption-elements/http://html5doctor.com/the-figure-figcaption-elements/http://dev.w3.org/html5/spec/Overview.html#the-figure-elementhttp://html5doctor.com/element-index/#figure-elementhttp://html5doctor.com/element-index/#figure-elementhttp://html5doctor.com/element-index/#figure-elementhttp://html5doctor.com/the-footer-element-update/http://html5doctor.com/the-footer-element-update/http://html5doctor.com/the-footer-element-update/http://dev.w3.org/html5/spec/Overview.html#the-footer-elementhttp://html5doctor.com/element-index/#footer-elementhttp://html5doctor.com/element-index/#footer-elementhttp://html5doctor.com/element-index/#footer-elementhttp://html5doctor.com/element-index/#footer-elementhttp://dev.w3.org/html5/spec/Overview.html#the-footer-elementhttp://html5doctor.com/the-footer-element-update/http://html5doctor.com/element-index/#figure-elementhttp://dev.w3.org/html5/spec/Overview.html#the-figure-elementhttp://html5doctor.com/the-figure-figcaption-elements/http://html5doctor.com/element-index/#figcaption-elementhttp://dev.w3.org/html5/spec/Overview.html#the-figcaption-elementhttp://html5doctor.com/the-figure-figcaption-elements/http://html5doctor.com/element-index/#fieldset-elementhttp://dev.w3.org/html5/spec/Overview.html#the-fieldset-elementhttp://html5doctor.com/element-index/#embed-elementhttp://dev.w3.org/html5/spec/Overview.html#the-embed-element7/31/2019 HTML5 Element Index
9/21
The form element represents a collection of form-associated elements, some of
which can represent editable values that can be submitted to a server for processing.
http://dev.w3.org/html5/spec/Overview.html#the-form-element code snippet
H
h1-h6
Represent headings and subheadings. These elements rank in importance according
to the number in their name. The h1 element is said to have the highest rank, the h6
element has the lowest rank, and two elements with the same name have equal rank.
http://dev.w3.org/html5/spec/Overview.html#the-h1-h2-h3-h4-h5-and-h6-elements code snippet
head
The head element represents a collection ofmetadata for the Document.
http://dev.w3.org/html5/spec/Overview.html#the-head-element-0 code snippet
headerour prognosis
Represents the "header" of a document or section of a document. The header
element is typically used to group a set ofh1h6 elements to mark up a page's title
with its subtitle or tagline. header elements may, however, contain more than just
the section's headings and subheadingse.g., version history information orpublication date.
http://dev.w3.org/html5/spec/Overview.html#the-header-element code snippet
hgroupour prognosis
Represents the heading of a section. The hgroup element is used to group a set of
h1h6 elements when the heading has multiple levels, such as subheadings,
alternative titles, or taglines.
http://dev.w3.org/html5/spec/Overview.html#the-hgroup-element code snippet
hrour prognosis
Represents a paragraph-level thematic break. The "paragraph-level" bit meansbetween blocks of text, so it can't be used to separate sections of a site. Instead, hr
now separates different topics within a section of prose, or between scenes in a
novel.
http://dev.w3.org/html5/spec/Overview.html#the-hr-element-0 code snippet
html
http://dev.w3.org/html5/spec/Overview.html#the-form-elementhttp://html5doctor.com/element-index/#form-elementhttp://html5doctor.com/element-index/#form-elementhttp://html5doctor.com/element-index/#form-elementhttp://dev.w3.org/html5/spec/Overview.html#the-h1-h2-h3-h4-h5-and-h6-elementshttp://dev.w3.org/html5/spec/Overview.html#the-h1-h2-h3-h4-h5-and-h6-elementshttp://html5doctor.com/element-index/#hn-elementhttp://html5doctor.com/element-index/#hn-elementhttp://dev.w3.org/html5/spec/Overview.html#the-head-element-0http://html5doctor.com/element-index/#head-elementhttp://html5doctor.com/element-index/#head-elementhttp://html5doctor.com/element-index/#head-elementhttp://html5doctor.com/the-header-element/http://html5doctor.com/the-header-element/http://html5doctor.com/the-header-element/http://dev.w3.org/html5/spec/Overview.html#the-header-elementhttp://html5doctor.com/element-index/#header-elementhttp://html5doctor.com/element-index/#header-elementhttp://html5doctor.com/element-index/#header-elementhttp://html5doctor.com/the-hgroup-element/http://html5doctor.com/the-hgroup-element/http://dev.w3.org/html5/spec/Overview.html#the-hgroup-elementhttp://html5doctor.com/element-index/#hgroup-elementhttp://html5doctor.com/element-index/#hgroup-elementhttp://html5doctor.com/element-index/#hgroup-elementhttp://html5doctor.com/small-hr-element/http://html5doctor.com/small-hr-element/http://html5doctor.com/small-hr-element/http://dev.w3.org/html5/spec/Overview.html#the-hr-element-0http://html5doctor.com/element-index/#hr-elementhttp://html5doctor.com/element-index/#hr-elementhttp://html5doctor.com/element-index/#hr-elementhttp://html5doctor.com/element-index/#hr-elementhttp://dev.w3.org/html5/spec/Overview.html#the-hr-element-0http://html5doctor.com/small-hr-element/http://html5doctor.com/element-index/#hgroup-elementhttp://dev.w3.org/html5/spec/Overview.html#the-hgroup-elementhttp://html5doctor.com/the-hgroup-element/http://html5doctor.com/element-index/#header-elementhttp://dev.w3.org/html5/spec/Overview.html#the-header-elementhttp://html5doctor.com/the-header-element/http://html5doctor.com/element-index/#head-elementhttp://dev.w3.org/html5/spec/Overview.html#the-head-element-0http://html5doctor.com/element-index/#hn-elementhttp://dev.w3.org/html5/spec/Overview.html#the-h1-h2-h3-h4-h5-and-h6-elementshttp://html5doctor.com/element-index/#form-elementhttp://dev.w3.org/html5/spec/Overview.html#the-form-element7/31/2019 HTML5 Element Index
10/21
The html element represents the root of an HTML document.
http://dev.w3.org/html5/spec/Overview.html#the-html-element-0 code snippet
I
iour prognosis
Represents a span of text in an alternate voice or mood, or otherwise offset from thenormal prose, such as a taxonomic designation, a technical term, an idiomaticphrase from another language, a thought, a ship name, or some other prose whose
typical typographic presentation is italicized.
Only use i when nothing more suitable is availablee.g., em for text with stress
emphasis, strong for text with semantic importance, cite for titles in a citation
or bibliography, dfn for defining a word, and var for mathematical variables.
http://dev.w3.org/html5/spec/Overview.html#the-i-element code snippet
iframe
The iframe element represents a nested browsing context.
For iframe elements in HTML documents, the attribute, if present, must have a
value using the HTML syntax that consists of the following syntactic components, in
the given order:
Any number of comments and space characters. Optionally, a DOCTYPE. Any number of comments and space characters. The root element, in the form of an html element. Any number of comments and space characters.
http://dev.w3.org/html5/spec/Overview.html#the-iframe-element code snippet
img
An img element represents an image. The image given by the src attribute is the
embedded content, and the value of the alt attribute is the img element's fallback
content.
The src attribute must be present, and must contain a valid non-empty URL
potentially surrounded by spaces referencing a non-interactive, optionally animated,image resource that is neither paged nor scripted.
http://dev.w3.org/html5/spec/Overview.html#the-html-element-0http://html5doctor.com/element-index/#html-elementhttp://html5doctor.com/element-index/#html-elementhttp://html5doctor.com/element-index/#html-elementhttp://html5doctor.com/i-b-em-strong-element/http://html5doctor.com/i-b-em-strong-element/http://html5doctor.com/i-b-em-strong-element/http://dev.w3.org/html5/spec/Overview.html#the-i-elementhttp://html5doctor.com/element-index/#i-elementhttp://html5doctor.com/element-index/#i-elementhttp://html5doctor.com/element-index/#i-elementhttp://dev.w3.org/html5/spec/Overview.html#the-iframe-elementhttp://html5doctor.com/element-index/#iframe-elementhttp://html5doctor.com/element-index/#iframe-elementhttp://html5doctor.com/element-index/#iframe-elementhttp://html5doctor.com/element-index/#iframe-elementhttp://dev.w3.org/html5/spec/Overview.html#the-iframe-elementhttp://html5doctor.com/element-index/#i-elementhttp://dev.w3.org/html5/spec/Overview.html#the-i-elementhttp://html5doctor.com/i-b-em-strong-element/http://html5doctor.com/element-index/#html-elementhttp://dev.w3.org/html5/spec/Overview.html#the-html-element-07/31/2019 HTML5 Element Index
11/21
The img element must not be used as a layout tool. In particular, img elements
should not be used to display transparent images, as they rarely convey meaning andrarely add anything useful to the document.
http://dev.w3.org/html5/spec/Overview.html#the-img-element code snippet
input
The input element represents a typed data field, usually with a form control to
allow the user to edit the data.
http://dev.w3.org/html5/spec/Overview.html#the-input-element code snippetins
The ins element represents an addition to the document. The ins elements should
not cross implied paragraph boundaries.
http://dev.w3.org/html5/spec/Overview.html#the-ins-element code snippet
K
kbd
The kbd element represents user input (typically keyboard input, although it may
also be used to represent other input, such as voice commands).
When the kbd element is nested inside a samp element, it represents the input as it
was echoed by the system. When the kbd element contains a samp element, it
represents input based on system output, for example invoking a menu item.
When the kbd element is nested inside another kbd element, it represents an actual
key or other single unit of input as appropriate for the input mechanism.
http://dev.w3.org/html5/spec/Overview.html#the-kbd-element code snippet
keygen
The keygen element represents a key pair generator control. When the control's
form is submitted, the private key is stored in the local keystore, and the public keyis packaged and sent to the server.
http://dev.w3.org/html5/spec/Overview.html#the-keygen-element code snippet
L
label
http://dev.w3.org/html5/spec/Overview.html#the-img-elementhttp://html5doctor.com/element-index/#img-elementhttp://html5doctor.com/element-index/#img-elementhttp://html5doctor.com/element-index/#img-elementhttp://dev.w3.org/html5/spec/Overview.html#the-input-elementhttp://html5doctor.com/element-index/#input-elementhttp://html5doctor.com/element-index/#input-elementhttp://html5doctor.com/element-index/#input-elementhttp://dev.w3.org/html5/spec/Overview.html#the-ins-elementhttp://html5doctor.com/element-index/#ins-elementhttp://html5doctor.com/element-index/#ins-elementhttp://html5doctor.com/element-index/#ins-elementhttp://dev.w3.org/html5/spec/Overview.html#the-kbd-elementhttp://html5doctor.com/element-index/#kbd-elementhttp://html5doctor.com/element-index/#kbd-elementhttp://html5doctor.com/element-index/#kbd-elementhttp://dev.w3.org/html5/spec/Overview.html#the-keygen-elementhttp://html5doctor.com/element-index/#keygen-elementhttp://html5doctor.com/element-index/#keygen-elementhttp://html5doctor.com/element-index/#keygen-elementhttp://html5doctor.com/element-index/#keygen-elementhttp://dev.w3.org/html5/spec/Overview.html#the-keygen-elementhttp://html5doctor.com/element-index/#kbd-elementhttp://dev.w3.org/html5/spec/Overview.html#the-kbd-elementhttp://html5doctor.com/element-index/#ins-elementhttp://dev.w3.org/html5/spec/Overview.html#the-ins-elementhttp://html5doctor.com/element-index/#input-elementhttp://dev.w3.org/html5/spec/Overview.html#the-input-elementhttp://html5doctor.com/element-index/#img-elementhttp://dev.w3.org/html5/spec/Overview.html#the-img-element7/31/2019 HTML5 Element Index
12/21
The label represents a caption in a user interface. The caption can be associated
with a specific form control, known as the label element's labeled control, either
using for attribute, or by putting the form control inside the label element itself.
http://dev.w3.org/html5/spec/Overview.html#the-label-element code snippet
legend
The legend element represents a caption for the rest of the contents of the
legend element's parent fieldset element, if any.
http://dev.w3.org/html5/spec/Overview.html#the-legend-element code snippetliour prognosis
The li element represents a list item. If its parent element is an ol, ul, or menu
element, then the element is an item of the parent element's list, as defined for thoseelements. Otherwise, the list item has no defined list-related relationship to any
other li element.
http://dev.w3.org/html5/spec/Overview.html#the-li-element code snippet
link
The link element allows authors to link their document to other resources.
The destination of the link(s) is given by the href attribute, which must be present
and must contain a valid non-empty URL potentially surrounded by spaces. If the
href attribute is absent, then the element does not define a link.
A link element must have rel attribute.
http://dev.w3.org/html5/spec/Overview.html#the-link-element code snippet
M
map
The map element, in conjunction with any area element descendants, defines an
image map. The element represents its children.
http://dev.w3.org/html5/spec/Overview.html#the-map-element code snippet
markour prognosis
Represents a run of text in one document marked or highlighted because of itsrelevance in another context.
http://dev.w3.org/html5/spec/Overview.html#the-label-elementhttp://html5doctor.com/element-index/#label-elementhttp://html5doctor.com/element-index/#label-elementhttp://html5doctor.com/element-index/#label-elementhttp://dev.w3.org/html5/spec/Overview.html#the-legend-elementhttp://html5doctor.com/element-index/#legend-elementhttp://html5doctor.com/element-index/#legend-elementhttp://html5doctor.com/element-index/#legend-elementhttp://html5doctor.com/ol-element-attributes/http://html5doctor.com/ol-element-attributes/http://html5doctor.com/ol-element-attributes/http://dev.w3.org/html5/spec/Overview.html#the-li-elementhttp://html5doctor.com/element-index/#li-elementhttp://html5doctor.com/element-index/#li-elementhttp://html5doctor.com/element-index/#li-elementhttp://dev.w3.org/html5/spec/Overview.html#the-link-elementhttp://html5doctor.com/element-index/#link-elementhttp://html5doctor.com/element-index/#link-elementhttp://html5doctor.com/element-index/#link-elementhttp://dev.w3.org/html5/spec/Overview.html#the-map-elementhttp://html5doctor.com/element-index/#map-elementhttp://html5doctor.com/element-index/#map-elementhttp://html5doctor.com/element-index/#map-elementhttp://html5doctor.com/draw-attention-with-mark/http://html5doctor.com/draw-attention-with-mark/http://html5doctor.com/draw-attention-with-mark/http://html5doctor.com/element-index/#map-elementhttp://dev.w3.org/html5/spec/Overview.html#the-map-elementhttp://html5doctor.com/element-index/#link-elementhttp://dev.w3.org/html5/spec/Overview.html#the-link-elementhttp://html5doctor.com/element-index/#li-elementhttp://dev.w3.org/html5/spec/Overview.html#the-li-elementhttp://html5doctor.com/ol-element-attributes/http://html5doctor.com/element-index/#legend-elementhttp://dev.w3.org/html5/spec/Overview.html#the-legend-elementhttp://html5doctor.com/element-index/#label-elementhttp://dev.w3.org/html5/spec/Overview.html#the-label-element7/31/2019 HTML5 Element Index
13/21
When used in a quotation or other block of text referenced in a document, it
indicates a highlight that was not present in the original document e.g., a portion
of text in an academic publication that has recently come under additional scrutiny.
http://dev.w3.org/html5/spec/Overview.html#the-mark-element code snippet
menu
The menu element represents a list of commands.
If a menu element's type attribute is in the context menu state, then the elementrepresents the commands of a context menu, and the user can only interact with the
commands if that context menu is activated. If a menu element's type attribute is in
the toolbar state, then the element represents a list of active commands that the user
can immediately interact with.
If a menu element's type attribute is in the list state, then the element either
represents an unordered list of items (each represented by an li element), each ofwhich represents a command that the user can perform or activate, or, if the element
has no li element children, flow content describing available commands.
http://dev.w3.org/html5/spec/Overview.html#menus code snippet
meta
The meta element represents various kinds of metadata that cannot be expressed
using the title, base, link, style, and script elements.
The meta element can represent document-level metadata with the name attribute,
pragma directives with the http-equiv attribute, and the file's characterencoding declaration when an HTML document is serialized to string form (e.g. for
transmission over the network or for disk storage) with the charset attribute.
http://dev.w3.org/html5/spec/Overview.html#meta code snippetmeterour prognosis
When the meter binding applies to a meter element, the element is expected to
render as an 'inline-block' box with a 'height' of '1em' and a 'width' of '5em', a
'vertical-align' of '-0.2em', and with its contents depicting a gauge.
When the element is wider than it is tall(or square), the depiction is expected to beof a horizontal gauge, with the minimum value on the right if the 'direction' property
on this element has a computed value of 'rtl', and on the left otherwise. When the
element is taller than it is wide, it is expected to depict a vertical gauge, with theminimum value on the bottom.
http://dev.w3.org/html5/spec/Overview.html#the-meter-element-0 code snippet
http://dev.w3.org/html5/spec/Overview.html#the-mark-elementhttp://html5doctor.com/element-index/#mark-elementhttp://html5doctor.com/element-index/#mark-elementhttp://html5doctor.com/element-index/#mark-elementhttp://dev.w3.org/html5/spec/Overview.html#menushttp://html5doctor.com/element-index/#menu-elementhttp://html5doctor.com/element-index/#menu-elementhttp://html5doctor.com/element-index/#menu-elementhttp://dev.w3.org/html5/spec/Overview.html#metahttp://html5doctor.com/element-index/#meta-elementhttp://html5doctor.com/element-index/#meta-elementhttp://html5doctor.com/element-index/#meta-elementhttp://html5doctor.com/measure-up-with-the-meter-tag/http://html5doctor.com/measure-up-with-the-meter-tag/http://html5doctor.com/measure-up-with-the-meter-tag/http://dev.w3.org/html5/spec/Overview.html#the-meter-element-0http://html5doctor.com/element-index/#meter-elementhttp://html5doctor.com/element-index/#meter-elementhttp://html5doctor.com/element-index/#meter-elementhttp://html5doctor.com/element-index/#meter-elementhttp://dev.w3.org/html5/spec/Overview.html#the-meter-element-0http://html5doctor.com/measure-up-with-the-meter-tag/http://html5doctor.com/element-index/#meta-elementhttp://dev.w3.org/html5/spec/Overview.html#metahttp://html5doctor.com/element-index/#menu-elementhttp://dev.w3.org/html5/spec/Overview.html#menushttp://html5doctor.com/element-index/#mark-elementhttp://dev.w3.org/html5/spec/Overview.html#the-mark-element7/31/2019 HTML5 Element Index
14/21
N
navour prognosis
Represents navigation for a document. The nav element is a section containing
links to other documents or to parts within the current document.
Not all groups of links on a page need to be in a nav elementonly groups of
primary navigation links. In particular, it is common for footers to have a list of
links to various key parts of a site, but the footer element is more appropriate in
such cases.
http://dev.w3.org/html5/spec/Overview.html#the-nav-element code snippet
noscript
The noscript element represents nothing if scripting is enabled, and represents
its children if scripting is disabled. It is used to present different markup to useragents that support scripting and those that don't support scripting, by affecting how
the document is parsed.
http://dev.w3.org/html5/spec/Overview.html#the-noscript-element code snippet
O
object
The object element can represent an external resource, which, depending on the
type of the resource, will either be treated as an image, as a nested browsingcontext, or as an external resource to be processed by a plugin.
http://dev.w3.org/html5/spec/Overview.html#the-object-element code snippetolour prognosis
The ol element represents a list of items, where the items have been intentionally
ordered, such that changing the order would change the meaning of the list.
http://dev.w3.org/html5/spec/Overview.html#the-ol-element code snippet
optgroup
The optgroup element represents a group ofoption elements with a common
label. The element's group of option elements consists of the option elements that
are children of the optgroup element.
When showing option elements in select elements, user agents should show the
option elements of such groups as being related to each other and separate fromother option elements.
http://html5doctor.com/nav-element/http://html5doctor.com/nav-element/http://dev.w3.org/html5/spec/Overview.html#the-nav-elementhttp://html5doctor.com/element-index/#nav-elementhttp://html5doctor.com/element-index/#nav-elementhttp://html5doctor.com/element-index/#nav-elementhttp://dev.w3.org/html5/spec/Overview.html#the-noscript-elementhttp://html5doctor.com/element-index/#noscript-elementhttp://html5doctor.com/element-index/#noscript-elementhttp://html5doctor.com/element-index/#noscript-elementhttp://dev.w3.org/html5/spec/Overview.html#the-object-elementhttp://html5doctor.com/element-index/#object-elementhttp://html5doctor.com/element-index/#object-elementhttp://html5doctor.com/element-index/#object-elementhttp://html5doctor.com/ol-element-attributes/http://html5doctor.com/ol-element-attributes/http://html5doctor.com/ol-element-attributes/http://dev.w3.org/html5/spec/Overview.html#the-ol-elementhttp://html5doctor.com/element-index/#ol-elementhttp://html5doctor.com/element-index/#ol-elementhttp://html5doctor.com/element-index/#ol-elementhttp://html5doctor.com/element-index/#ol-elementhttp://dev.w3.org/html5/spec/Overview.html#the-ol-elementhttp://html5doctor.com/ol-element-attributes/http://html5doctor.com/element-index/#object-elementhttp://dev.w3.org/html5/spec/Overview.html#the-object-elementhttp://html5doctor.com/element-index/#noscript-elementhttp://dev.w3.org/html5/spec/Overview.html#the-noscript-elementhttp://html5doctor.com/element-index/#nav-elementhttp://dev.w3.org/html5/spec/Overview.html#the-nav-elementhttp://html5doctor.com/nav-element/7/31/2019 HTML5 Element Index
15/21
http://dev.w3.org/html5/spec/Overview.html#the-optgroup-element code snippet
option
The option element represents an option in a select element or as part of a list of
suggestions in a datalist element.
In certain circumstances described in the definition of the select element, an optionelement can be a select element's placeholder label option. A placeholder labeloption does not represent an actual option, but instead represents a label for the
select control.
http://dev.w3.org/html5/spec/Overview.html#the-option-element code snippet
outputour prognosis
Represents the result of a calculation.
The optional for attribute allows an explicit relationship to be made between theresult of a calculation and the elements representing the values that influenced the
calculation. If specified, the for attribute must contain a string consisting of an
unordered set of unique, space-separated tokens, each of which must be the ID of anelement in the same document.
http://dev.w3.org/html5/spec/Overview.html#the-output-element code snippet
P
p
The p element represents a paragraph.
http://dev.w3.org/html5/spec/Overview.html#the-p-element code snippetparam
The param element defines parameters for plugins invoked by object elements. It
does not represent anything on its own.
http://dev.w3.org/html5/spec/Overview.html#the-param-element code snippet
pre
The pre element represents a block of preformatted text, in which structure is
represented by typographic conventions rather than by elements.
http://dev.w3.org/html5/spec/Overview.html#the-pre-element code snippet
progress
http://dev.w3.org/html5/spec/Overview.html#the-optgroup-elementhttp://html5doctor.com/element-index/#optgroup-elementhttp://html5doctor.com/element-index/#optgroup-elementhttp://html5doctor.com/element-index/#optgroup-elementhttp://dev.w3.org/html5/spec/Overview.html#the-option-elementhttp://html5doctor.com/element-index/#option-elementhttp://html5doctor.com/element-index/#option-elementhttp://html5doctor.com/element-index/#option-elementhttp://html5doctor.com/the-output-element/http://html5doctor.com/the-output-element/http://html5doctor.com/the-output-element/http://dev.w3.org/html5/spec/Overview.html#the-output-elementhttp://html5doctor.com/element-index/#output-elementhttp://html5doctor.com/element-index/#output-elementhttp://html5doctor.com/element-index/#output-elementhttp://dev.w3.org/html5/spec/Overview.html#the-p-elementhttp://html5doctor.com/element-index/#p-elementhttp://html5doctor.com/element-index/#p-elementhttp://html5doctor.com/element-index/#p-elementhttp://dev.w3.org/html5/spec/Overview.html#the-param-elementhttp://html5doctor.com/element-index/#param-elementhttp://html5doctor.com/element-index/#param-elementhttp://html5doctor.com/element-index/#param-elementhttp://dev.w3.org/html5/spec/Overview.html#the-pre-elementhttp://html5doctor.com/element-index/#pre-elementhttp://html5doctor.com/element-index/#pre-elementhttp://html5doctor.com/element-index/#pre-elementhttp://html5doctor.com/element-index/#pre-elementhttp://dev.w3.org/html5/spec/Overview.html#the-pre-elementhttp://html5doctor.com/element-index/#param-elementhttp://dev.w3.org/html5/spec/Overview.html#the-param-elementhttp://html5doctor.com/element-index/#p-elementhttp://dev.w3.org/html5/spec/Overview.html#the-p-elementhttp://html5doctor.com/element-index/#output-elementhttp://dev.w3.org/html5/spec/Overview.html#the-output-elementhttp://html5doctor.com/the-output-element/http://html5doctor.com/element-index/#option-elementhttp://dev.w3.org/html5/spec/Overview.html#the-option-elementhttp://html5doctor.com/element-index/#optgroup-elementhttp://dev.w3.org/html5/spec/Overview.html#the-optgroup-element7/31/2019 HTML5 Element Index
16/21
Represents the completion progress of a task. Progress may be either indeterminatemeaning it is unclear how much work remains before the task is complete (e.g.,
the task is waiting for a response from a remote host)or a numeric value between0 and a given maximum, explicitly specifying the fraction of work that has so far
been completed.
http://dev.w3.org/html5/spec/Overview.html#the-progress-element code snippet
Q
q
The q element represents some phrasing content quoted from another source.
http://dev.w3.org/html5/spec/Overview.html#the-q-element code snippet
R
rpour prognosis
Represents a container for parentheses used to wrap ruby text () inside a
element. These are displayed by browsers which don't support ,
allowing for graceful degradation of ruby content. Browsers which support
hide via display:none.
http://dev.w3.org/html5/spec/Overview.html#the-rp-element code snippet
rtour prognosis
Represents a container for ruby text inside a element. content
becomes the small annotations rendered by default above horizontal base text or to
the right of vertical base text.
http://dev.w3.org/html5/spec/Overview.html#the-rt-element code snippetrubyour prognosis
Represents a container for base text and ruby text small annotations used forphonetic readings in languages such as Japanese and Chinese. Examples include
furigana and zhyin fho (bopomofo).
http://dev.w3.org/html5/spec/Overview.html#the-ruby-element code snippet
S
s
The s element represents contents that are no longer accurate or no longer relevant.
http://dev.w3.org/html5/spec/Overview.html#the-progress-elementhttp://html5doctor.com/element-index/#progress-elementhttp://html5doctor.com/element-index/#progress-elementhttp://html5doctor.com/element-index/#progress-elementhttp://dev.w3.org/html5/spec/Overview.html#the-q-elementhttp://html5doctor.com/element-index/#q-elementhttp://html5doctor.com/element-index/#q-elementhttp://html5doctor.com/element-index/#q-elementhttp://html5doctor.com/ruby-rt-rp-element/http://html5doctor.com/ruby-rt-rp-element/http://html5doctor.com/ruby-rt-rp-element/http://dev.w3.org/html5/spec/Overview.html#the-rp-elementhttp://html5doctor.com/element-index/#rp-elementhttp://html5doctor.com/element-index/#rp-elementhttp://html5doctor.com/element-index/#rp-elementhttp://html5doctor.com/ruby-rt-rp-element/http://html5doctor.com/ruby-rt-rp-element/http://html5doctor.com/ruby-rt-rp-element/http://dev.w3.org/html5/spec/Overview.html#the-rt-elementhttp://html5doctor.com/element-index/#rt-elementhttp://html5doctor.com/element-index/#rt-elementhttp://html5doctor.com/element-index/#rt-elementhttp://html5doctor.com/ruby-rt-rp-element/http://html5doctor.com/ruby-rt-rp-element/http://html5doctor.com/ruby-rt-rp-element/http://dev.w3.org/html5/spec/Overview.html#the-ruby-elementhttp://html5doctor.com/element-index/#ruby-elementhttp://html5doctor.com/element-index/#ruby-elementhttp://html5doctor.com/element-index/#ruby-elementhttp://html5doctor.com/element-index/#ruby-elementhttp://dev.w3.org/html5/spec/Overview.html#the-ruby-elementhttp://html5doctor.com/ruby-rt-rp-element/http://html5doctor.com/element-index/#rt-elementhttp://dev.w3.org/html5/spec/Overview.html#the-rt-elementhttp://html5doctor.com/ruby-rt-rp-element/http://html5doctor.com/element-index/#rp-elementhttp://dev.w3.org/html5/spec/Overview.html#the-rp-elementhttp://html5doctor.com/ruby-rt-rp-element/http://html5doctor.com/element-index/#q-elementhttp://dev.w3.org/html5/spec/Overview.html#the-q-elementhttp://html5doctor.com/element-index/#progress-elementhttp://dev.w3.org/html5/spec/Overview.html#the-progress-element7/31/2019 HTML5 Element Index
17/21
http://dev.w3.org/html5/spec/Overview.html#the-s-element code snippet
samp
The samp element represents (sample) output from a program or computing system
http://dev.w3.org/html5/spec/Overview.html#the-samp-element code snippetscript
The script element allows authors to include dynamic script and data blocks in
their documents. The element does not represent content for the user.
http://dev.w3.org/html5/spec/Overview.html#script code snippet
sectionour prognosis
Represents a generic document or application section. In this context, a section
is a thematic grouping of content, typically with a header, possibly with a
footer. Examples include chapters in a book, the various tabbed pages in a tabbeddialog box, or the numbered sections of a thesis. A web site's home page could be
split into sections for an introduction, news items, contact information.
http://dev.w3.org/html5/spec/Overview.html#the-section-element code snippet
select
The select element represents a control for selecting amongst a set of options.
http://dev.w3.org/html5/spec/Overview.html#the-select-element code snippetsmallour prognosis
Represents side comments such as small print. It is not intended to be
presentational. The small element should not be used for extended spans of text
such as multiple paragraphs, lists, or sections of text. It is only intended for short
runs of text.
http://dev.w3.org/html5/spec/Overview.html#the-small-element code snippetsource
The source element allows authors to specify multiple alternative media resources
for media elements. It does not represent anything on its own. The src attribute
gives the address of the media resource. The value must be a valid non-empty URLpotentially surrounded by spaces. This attribute must be present.
http://dev.w3.org/html5/spec/Overview.html#the-source-element code snippet
span
The span element doesn't mean anything on its own, but can be useful when used
together with the global attributes, e.g. class, lang, or dir. It represents its children.
http://dev.w3.org/html5/spec/Overview.html#the-s-elementhttp://html5doctor.com/element-index/#s-elementhttp://html5doctor.com/element-index/#s-elementhttp://html5doctor.com/element-index/#s-elementhttp://dev.w3.org/html5/spec/Overview.html#the-samp-elementhttp://html5doctor.com/element-index/#samp-elementhttp://html5doctor.com/element-index/#samp-elementhttp://html5doctor.com/element-index/#samp-elementhttp://dev.w3.org/html5/spec/Overview.html#scripthttp://html5doctor.com/element-index/#script-elementhttp://html5doctor.com/element-index/#script-elementhttp://html5doctor.com/element-index/#script-elementhttp://html5doctor.com/the-section-element/http://html5doctor.com/the-section-element/http://html5doctor.com/the-section-element/http://dev.w3.org/html5/spec/Overview.html#the-section-elementhttp://html5doctor.com/element-index/#section-elementhttp://html5doctor.com/element-index/#section-elementhttp://html5doctor.com/element-index/#section-elementhttp://dev.w3.org/html5/spec/Overview.html#the-select-elementhttp://html5doctor.com/element-index/#select-elementhttp://html5doctor.com/element-index/#select-elementhttp://html5doctor.com/element-index/#select-elementhttp://html5doctor.com/small-hr-element/http://html5doctor.com/small-hr-element/http://html5doctor.com/small-hr-element/http://dev.w3.org/html5/spec/Overview.html#the-small-elementhttp://html5doctor.com/element-index/#small-elementhttp://html5doctor.com/element-index/#small-elementhttp://html5doctor.com/element-index/#small-elementhttp://dev.w3.org/html5/spec/Overview.html#the-source-elementhttp://html5doctor.com/element-index/#source-elementhttp://html5doctor.com/element-index/#source-elementhttp://html5doctor.com/element-index/#source-elementhttp://html5doctor.com/element-index/#source-elementhttp://dev.w3.org/html5/spec/Overview.html#the-source-elementhttp://html5doctor.com/element-index/#small-elementhttp://dev.w3.org/html5/spec/Overview.html#the-small-elementhttp://html5doctor.com/small-hr-element/http://html5doctor.com/element-index/#select-elementhttp://dev.w3.org/html5/spec/Overview.html#the-select-elementhttp://html5doctor.com/element-index/#section-elementhttp://dev.w3.org/html5/spec/Overview.html#the-section-elementhttp://html5doctor.com/the-section-element/http://html5doctor.com/element-index/#script-elementhttp://dev.w3.org/html5/spec/Overview.html#scripthttp://html5doctor.com/element-index/#samp-elementhttp://dev.w3.org/html5/spec/Overview.html#the-samp-elementhttp://html5doctor.com/element-index/#s-elementhttp://dev.w3.org/html5/spec/Overview.html#the-s-element7/31/2019 HTML5 Element Index
18/21
http://dev.w3.org/html5/spec/Overview.html#the-span-element code snippet
strongour prognosis
Represents strong importance for its contents. Indicate relative importance by
nesting strong elements; each strong element increases the importance of its
contents. Changing the importance of a piece of text with the strong element doesnot change the meaning of the sentence.
http://dev.w3.org/html5/spec/Overview.html#the-strong-element code snippet
style
The style element allows authors to embed style information in their documents.
The style element is one of several inputs to the styling processing model. The
element does not represent content for the user.
http://dev.w3.org/html5/spec/Overview.html#the-style-element code snippet
sub
The sub element can be used inside a var element, for variables that have
subscripts.
http://dev.w3.org/html5/spec/Overview.html#the-sub-and-sup-elements code
snippetsummaryour prognosis
The summary element represents a summary, caption, or legend for the rest
of the contents of the summary element's parent details element, if any.
http://dev.w3.org/html5/spec/Overview.html#the-summary-element code snippetsup
The sup element represents a superscript and the sub element represents a
subscript.
http://dev.w3.org/html5/spec/Overview.html#the-sub-and-sup-elements code
snippet
T
table
The table element represents data with more than one dimension, in the form of a
table. Tables must not be used as layout aids.
http://dev.w3.org/html5/spec/Overview.html#the-table-element code snippet
tbody
http://dev.w3.org/html5/spec/Overview.html#the-span-elementhttp://html5doctor.com/element-index/#span-elementhttp://html5doctor.com/element-index/#span-elementhttp://html5doctor.com/element-index/#span-elementhttp://html5doctor.com/i-b-em-strong-element/http://html5doctor.com/i-b-em-strong-element/http://html5doctor.com/i-b-em-strong-element/http://dev.w3.org/html5/spec/Overview.html#the-strong-elementhttp://html5doctor.com/element-index/#strong-elementhttp://html5doctor.com/element-index/#strong-elementhttp://html5doctor.com/element-index/#strong-elementhttp://dev.w3.org/html5/spec/Overview.html#the-style-elementhttp://html5doctor.com/element-index/#style-elementhttp://html5doctor.com/element-index/#style-elementhttp://html5doctor.com/element-index/#style-elementhttp://dev.w3.org/html5/spec/Overview.html#the-sub-and-sup-elementshttp://html5doctor.com/element-index/#sub-elementhttp://html5doctor.com/element-index/#sub-elementhttp://html5doctor.com/element-index/#sub-elementhttp://html5doctor.com/element-index/#sub-elementhttp://html5doctor.com/the-details-and-summary-elements/http://html5doctor.com/the-details-and-summary-elements/http://dev.w3.org/html5/spec/Overview.html#the-summary-elementhttp://html5doctor.com/element-index/#summary-elementhttp://html5doctor.com/element-index/#summary-elementhttp://html5doctor.com/element-index/#summary-elementhttp://dev.w3.org/html5/spec/Overview.html#the-sub-and-sup-elementshttp://html5doctor.com/element-index/#sup-elementhttp://html5doctor.com/element-index/#sup-elementhttp://html5doctor.com/element-index/#sup-elementhttp://html5doctor.com/element-index/#sup-elementhttp://dev.w3.org/html5/spec/Overview.html#the-table-elementhttp://html5doctor.com/element-index/#table-elementhttp://html5doctor.com/element-index/#table-elementhttp://html5doctor.com/element-index/#table-elementhttp://html5doctor.com/element-index/#table-elementhttp://dev.w3.org/html5/spec/Overview.html#the-table-elementhttp://html5doctor.com/element-index/#sup-elementhttp://html5doctor.com/element-index/#sup-elementhttp://dev.w3.org/html5/spec/Overview.html#the-sub-and-sup-elementshttp://html5doctor.com/element-index/#summary-elementhttp://dev.w3.org/html5/spec/Overview.html#the-summary-elementhttp://html5doctor.com/the-details-and-summary-elements/http://html5doctor.com/element-index/#sub-elementhttp://html5doctor.com/element-index/#sub-elementhttp://dev.w3.org/html5/spec/Overview.html#the-sub-and-sup-elementshttp://html5doctor.com/element-index/#style-elementhttp://dev.w3.org/html5/spec/Overview.html#the-style-elementhttp://html5doctor.com/element-index/#strong-elementhttp://dev.w3.org/html5/spec/Overview.html#the-strong-elementhttp://html5doctor.com/i-b-em-strong-element/http://html5doctor.com/element-index/#span-elementhttp://dev.w3.org/html5/spec/Overview.html#the-span-element7/31/2019 HTML5 Element Index
19/21
The tbody element represents a block of rows that consist of a body of data for the
parent table element, if the tbody element has a parent and it is a table.
http://dev.w3.org/html5/spec/Overview.html#the-tbody-element code snippet
td
The td element represents a data cell in a table.
http://dev.w3.org/html5/spec/Overview.html#the-td-element code snippet
textarea
The textarea element represents a multiline plain text edit control for the
element's raw value. The contents of the control represent the control's default
value.
http://dev.w3.org/html5/spec/Overview.html#the-textarea-element code snippet
tfoot
The tfoot element represents the block of rows that consist of the column
summaries (footers) for the parent table element, if the tfoot element has a parent
and it is a table.
http://dev.w3.org/html5/spec/Overview.html#the-tfoot-element code snippetth
The th element represents a header cell in a table.
http://dev.w3.org/html5/spec/Overview.html#the-th-element code snippetthead
The thead element represents the block of rows that consist of the column labels
(headers) for the parent table element, if the thead element has a parent and it is a
table.
http://dev.w3.org/html5/spec/Overview.html#the-thead-element code snippet
timeour prognosis
Represents a precise date and/or time in the proleptic Gregorian calendar. The time
element encodes modern dates and times in a machine-readable way, so that, forexample, user agents could offer to add an event to the user's calendar.
http://dev.w3.org/html5/spec/Overview.html#the-time-element code snippet
title
The title element represents the document's title or name. Authors should use
titles that identify their documents even when they are used out of context, for
http://dev.w3.org/html5/spec/Overview.html#the-tbody-elementhttp://html5doctor.com/element-index/#tbody-elementhttp://html5doctor.com/element-index/#tbody-elementhttp://html5doctor.com/element-index/#tbody-elementhttp://dev.w3.org/html5/spec/Overview.html#the-td-elementhttp://html5doctor.com/element-index/#td-elementhttp://html5doctor.com/element-index/#td-elementhttp://html5doctor.com/element-index/#td-elementhttp://dev.w3.org/html5/spec/Overview.html#the-textarea-elementhttp://html5doctor.com/element-index/#textarea-elementhttp://html5doctor.com/element-index/#textarea-elementhttp://html5doctor.com/element-index/#textarea-elementhttp://dev.w3.org/html5/spec/Overview.html#the-tfoot-elementhttp://html5doctor.com/element-index/#tfoot-elementhttp://html5doctor.com/element-index/#tfoot-elementhttp://html5doctor.com/element-index/#tfoot-elementhttp://dev.w3.org/html5/spec/Overview.html#the-th-elementhttp://html5doctor.com/element-index/#th-elementhttp://html5doctor.com/element-index/#th-elementhttp://html5doctor.com/element-index/#th-elementhttp://dev.w3.org/html5/spec/Overview.html#the-thead-elementhttp://html5doctor.com/element-index/#thead-elementhttp://html5doctor.com/element-index/#thead-elementhttp://html5doctor.com/element-index/#thead-elementhttp://html5doctor.com/the-time-element/http://html5doctor.com/the-time-element/http://dev.w3.org/html5/spec/Overview.html#the-time-elementhttp://html5doctor.com/element-index/#time-elementhttp://html5doctor.com/element-index/#time-elementhttp://html5doctor.com/element-index/#time-elementhttp://html5doctor.com/element-index/#time-elementhttp://dev.w3.org/html5/spec/Overview.html#the-time-elementhttp://html5doctor.com/the-time-element/http://html5doctor.com/element-index/#thead-elementhttp://dev.w3.org/html5/spec/Overview.html#the-thead-elementhttp://html5doctor.com/element-index/#th-elementhttp://dev.w3.org/html5/spec/Overview.html#the-th-elementhttp://html5doctor.com/element-index/#tfoot-elementhttp://dev.w3.org/html5/spec/Overview.html#the-tfoot-elementhttp://html5doctor.com/element-index/#textarea-elementhttp://dev.w3.org/html5/spec/Overview.html#the-textarea-elementhttp://html5doctor.com/element-index/#td-elementhttp://dev.w3.org/html5/spec/Overview.html#the-td-elementhttp://html5doctor.com/element-index/#tbody-elementhttp://dev.w3.org/html5/spec/Overview.html#the-tbody-element7/31/2019 HTML5 Element Index
20/21
example in a user's history or bookmarks, or in search results. The document's title
is often different from its first heading, since the first heading does not have to stand
alone when taken out of context.
http://dev.w3.org/html5/spec/Overview.html#the-title-element code snippet
tr
The tr element represents a row of cells in a table.
http://dev.w3.org/html5/spec/Overview.html#the-tr-element code snippettrackour prognosis
The track element allows authors to specify explicit external timed text tracks for
media elements. It does not represent anything on its own.
http://dev.w3.org/html5/spec/Overview.html#the-track-element code snippet
U
uour prognosis
The u element represents a span of text with an unarticulated, though explicitly
rendered, non-textual annotation (when you are annotating something, but not
explicitly saying what it is). Examples include indicating misspelt words, labeling
proper names in traditional Chinese prose, or indicating a family name when the
names order is non-western.
http://dev.w3.org/html5/spec/Overview.html#the-u-element code snippetul
The ul element represents a list of items, where the order of the items is not
importantthat is, where changing the order would not materially change the
meaning of the list.
http://dev.w3.org/html5/spec/Overview.html#the-ul-element code snippet
V
var
The var element represents a variable. This could be an actual variable in a
mathematical expression or programming context, or it could just be a term used asa placeholder in prose.
http://dev.w3.org/html5/spec/Overview.html#the-var-element code snippetvideoour prognosis
http://dev.w3.org/html5/spec/Overview.html#the-title-elementhttp://html5doctor.com/element-index/#title-elementhttp://html5doctor.com/element-index/#title-elementhttp://html5doctor.com/element-index/#title-elementhttp://dev.w3.org/html5/spec/Overview.html#the-tr-elementhttp://html5doctor.com/element-index/#tr-elementhttp://html5doctor.com/element-index/#tr-elementhttp://html5doctor.com/element-index/#tr-elementhttp://html5doctor.com/video-subtitling-and-webvtt/http://html5doctor.com/video-subtitling-and-webvtt/http://dev.w3.org/html5/spec/Overview.html#the-track-elementhttp://html5doctor.com/element-index/#track-elementhttp://html5doctor.com/element-index/#track-elementhttp://html5doctor.com/element-index/#track-elementhttp://html5doctor.com/u-elementhttp://html5doctor.com/u-elementhttp://html5doctor.com/u-elementhttp://dev.w3.org/html5/spec/Overview.html#the-u-elementhttp://html5doctor.com/element-index/#u-elementhttp://html5doctor.com/element-index/#u-elementhttp://html5doctor.com/element-index/#u-elementhttp://dev.w3.org/html5/spec/Overview.html#the-ul-elementhttp://html5doctor.com/element-index/#ul-elementhttp://html5doctor.com/element-index/#ul-elementhttp://html5doctor.com/element-index/#ul-elementhttp://dev.w3.org/html5/spec/Overview.html#the-var-elementhttp://html5doctor.com/element-index/#var-elementhttp://html5doctor.com/element-index/#var-elementhttp://html5doctor.com/element-index/#var-elementhttp://html5doctor.com/the-video-element/http://html5doctor.com/the-video-element/http://html5doctor.com/the-video-element/http://html5doctor.com/element-index/#var-elementhttp://dev.w3.org/html5/spec/Overview.html#the-var-elementhttp://html5doctor.com/element-index/#ul-elementhttp://dev.w3.org/html5/spec/Overview.html#the-ul-elementhttp://html5doctor.com/element-index/#u-elementhttp://dev.w3.org/html5/spec/Overview.html#the-u-elementhttp://html5doctor.com/u-elementhttp://html5doctor.com/element-index/#track-elementhttp://dev.w3.org/html5/spec/Overview.html#the-track-elementhttp://html5doctor.com/video-subtitling-and-webvtt/http://html5doctor.com/element-index/#tr-elementhttp://dev.w3.org/html5/spec/Overview.html#the-tr-elementhttp://html5doctor.com/element-index/#title-elementhttp://dev.w3.org/html5/spec/Overview.html#the-title-element7/31/2019 HTML5 Element Index
21/21
Represents a video or movie.
Content may be nested inside the video element. User agents should not show this
content to the user. Authors should use this content to force older browsers to use a
legacy video plugin or to inform the user of how to access the video content.
http://dev.w3.org/html5/spec/Overview.html#video code snippet
W
wbr
The wbr element represents a line break opportunity. Any content inside wbr
elements must not be considered part of the surrounding text.
http://dev.w3.org/html5/spec/Overview.html#the-wbr-element code snippet
Back to top
http://dev.w3.org/html5/spec/Overview.html#videohttp://html5doctor.com/element-index/#video-elementhttp://html5doctor.com/element-index/#video-elementhttp://html5doctor.com/element-index/#video-elementhttp://dev.w3.org/html5/spec/Overview.html#the-wbr-elementhttp://html5doctor.com/element-index/#wbr-elementhttp://html5doctor.com/element-index/#wbr-elementhttp://html5doctor.com/element-index/#wbr-elementhttp://html5doctor.com/element-index/http://html5doctor.com/element-index/http://html5doctor.com/element-index/http://html5doctor.com/element-index/#wbr-elementhttp://dev.w3.org/html5/spec/Overview.html#the-wbr-elementhttp://html5doctor.com/element-index/#video-elementhttp://dev.w3.org/html5/spec/Overview.html#video