HTML (5) Elements

<col>

Defines a column within a table and is used for defining common semantics on all common cells. It is generally found within a <colgroup> element. Example: https://developer.mozilla.org/en-US/docs/HTML/Element/table

<noscript>

Defines a section of html to be inserted if a script type on the page is unsupported or if scripting is currently turned off in the browser. Example: https://developer.mozilla.org/en-US/docs/HTML/Element/noscript

<dl>

Encloses a list of pairs of terms and descriptions. A common use for this element is to implement a glossary. More Info: https://developer.mozilla.org/en-US/docs/HTML/Element/dl#examples

<address>

Encloses contact information of the owner or the author of the document or the article. Example: <address> You may also want to visit us:<br> Mozilla Foundation<br> 1981 Landings Drive<br> Building K<br> Mountain View, CA 94043-0801<br> USA </address>

<embed> *HTML5*

Represents an integration point for an external application or interactive content (in other words, a plug-in). Example: https://developer.mozilla.org/en-US/docs/HTML/Element/embed

<bdi> *HTML5*

(Bi-Directional Isolation Element) isolates a span of text that might be formatted in a different direction from other text outside it. Example: <p dir="ltr">This arabic word <bdi>ARABIC_PLACEHOLDER</bdi> is automatically displayed right-to-left.</p> Result: This arabic word REDLOHECALP_CIBARA is automatically displayed right-to-left.

<bdo>

(Bidirectional Override Element) is used to override the current directionality of text. Attribute: (dir) Values: ltr: Indicates that the text should go in a left-to-right direction. rtl: Indicates that the text should go in a right-to-left direction. auto: The browser decides which direction based on the element's content. Example: <p>This text will go left to right.</p> <p><bdo dir="rtl">This text will go right to left.</bdo></p> Result: This text will go left to right. .tfel ot thgir og lliw txet sihT

<article> *HTML5*

A self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable, e.g., in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content. Example: <article> <h4>A really awesome article</h4> <p>Lots of awesome text.</p> </article>

<link>

Allows authors to link their document to other resources. Example: https://developer.mozilla.org/en-US/docs/HTML/Element/link

<blockquote>

Attribute: (cite: This attribute is intended to point to information explaining the context or the reference for the quote.) Example: <blockquote cite="http://developer.mozilla.org"> <p>"This is a quotation taken from the Mozilla Developer Center."</p> </blockquote>

<canvas> *HTML5*

Can be used to draw graphics via scripting (usually JavaScript). For example, it can be used to draw graphs, make photo compositions or even perform animations. More Info: https://developer.mozilla.org/en-US/docs/HTML/Canvas

<datalist> *HTML5*

Contains a set of <option> elements that represent the possible options for the value of other controls. Example: <input list="browsers" /> <datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist> Result: Will display option value listed if you enter in the first character (i.e Google browser search box)

<cite>

Contains the title of a work, such as a book, song, movie, TV show, sculpture, etc. Example: More information can be found in <cite>[ISO-0000]</cite> Result: More information can be found in [ISO-0000] (looks italicized)

<colgroup>

Defines a group of columns within a table. Example: https://developer.mozilla.org/en-US/docs/HTML/Element/table

<area>

Defines a hot-spot region on an image, and optionally associates it with a hypertext link. This element is used only within a <map> element.

<keygen> *HTML5*

Element exists to facilitate generation of key material, and submission of the public key as part of an HTML form. This mechanism is designed for use with Web-based certificate management systems. It is expected that the keygen element will be used in an HTML form along with other information needed to construct a certificate request, and that the result of the process will be a signed certificate. Example: http://www.w3.org/wiki/HTML/Elements/keygen

<dl>

Encloses a list of pairs of terms and descriptions. A common use for this element is to implement a glossary. Example: <dl> <dt>term1</dt> <dd>definition1</dd> <dt>term2</dt> <dd>definition2</dd> </dl> Result: term1 definition1 term2 definition2

<iframe>

Is an HTML document embedded inside another HTML document on a website. The <iframe> HTML element is often used to insert content from another source, such as an advertisement, into a Web page.

<details> *HTML5*

Is used as a disclosure widget from which the user can retrieve additional information. Example: <details> <summary>Some details</summary> <p>More info about the details.</p> </details> Result: Test in browser

<map>

Is used to define a client-side image-map. An image-map is an image with clickable areas. The required name attribute of the <map> element is associated with the <img>'s usemap attribute and creates a relationship between the image and the map. Example: http://www.w3schools.com/tags/tag_map.asp

<audio> *HTML5*

Is used to represent sound content in documents. It may contain several audio sources, represented using the src attribute or the <source> element; the browser will choose the most suitable one. Fallback content for browser not supporting the <audio> element can be added too. You can use the enhanced audio API features — which are Gecko-specific — to directly generate and manipulate audio streams from JavaScript code. Example: https://developer.mozilla.org/en-US/docs/HTML/Element/audio

<label>

Represents a caption for an item in a user interface. It can be associated with a control either by using the for attribute, or by placing the control element inside the label element. Such a control is called the labeled control of the label element. Example: http://www.w3.org/wiki/HTML/Elements/label

<legend>

Represents a caption for the rest of the contents of the legend element's parent fieldset element. Example: <form> <fieldset> <legend>Personalia:</legend> Name: <input type="text" size="30"><br> Email: <input type="text" size="30"><br> Date of birth: <input type="text" size="10"> </fieldset> </form>

<figcaption>

Represents a caption or legend for the contents of the parent figure element. Example: <figure> <img src="stata.jpg" alt="The Stata Center Building"> <figcaption>The Stata Center</figcaption> </figure>

<button>

Represents a clickable button. Example: <button name="button">Click me</button> More Info: https://developer.mozilla.org/en-US/docs/HTML/Element/button

<footer> *HTML5*

Represents a footer for its nearest ancestor sectioning content or sectioning root element. Example: http://www.w3.org/wiki/HTML/Elements/footer

<code>

Represents a fragment of computer code. By default, it is displayed in the browser's default monospace font. Example: <p>Regular text. <code>This is code.</code> Regular text.</p> Result: Regular text. This is code (font looks smaller). Regular text.

<header> *HTML5*

Represents a group of introductory or navigational aids. It may contain some heading elements but also other elements like a logo, wrapped section's header, a search form, and so on.

<ins>

Represents a range of text that has been added to a document. Example: <aside> <p>My favorite color is <del>blue</del> <ins>red</ins>!</p> </aside>

<del>

Represents a range of text that has been deleted from a document. This element is often (but need not be) rendered with strike-through text. Example: <p> <del>This text has been deleted</del></p> Result: This text has been deleted (has a line through the entire sentence)

<i>

Represents a range of text that is set off from the normal text for some reason, for example, technical terms, foreign language phrases, or fictional character thoughts. It is typically displayed in italic type.

<meter> *HTML5*

Represents a scalar measurement within a known range, or a fractional value. Example: http://www.w3.org/wiki/HTML/Elements/meter

<aside> *HTML5*

Represents a section of a page that consists of content that is tangentially related to the content around it, which could be considered separate from that content. Such sections are often represented as sidebars or as inserts. They often contain side explanations, like a glossary definition; more loosely related stuff, like advertisements; the biography of the author; or in web-applications, profile information or related blog links. Example: <aside> <p>Some content related to an <article></p> </aside>

<nav> *HTML5*

Represents a section of a page that links to other pages or to parts within the page: a section with navigation links. Example: <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav>

<form>

Represents a section of document that contains interactive controls that enable a user to submit information to a web server. Example: http://www.w3.org/wiki/HTML/Elements/form

<fieldset> *HTML5*

Represents a set of form controls optionally grouped under a common name. Example: http://www.w3.org/wiki/HTML/Elements/fieldset

<hr>

Represents a thematic break between paragraph-level elements (for example, a change of scene in a story, or a shift of topic with a section). In previous versions of HTML, it represented a horizontal rule. It may still be displayed as a horizontal rule in visual browsers, but is now defined in semantic terms, rather than presentational terms. Example: <p>Radios use the electromagnetic spectrum in the meter range and longer.</p> <hr> <p>Signal flares use the electromagnetic spectrum in the nanometer range.</p>

<input>

Represents a typed data field, usually with a form control to allow the user to edit the data. Example: http://www.w3.org/wiki/HTML/Elements/input

<abbr>

Represents an abbreviation or acronym, optionally with its expansion. The title attribute may be used to provide an expansion of the abbreviation. The attribute, if specified, must contain an expansion of the abbreviation, and nothing else. Example: <p>Tony Blair is the prime minister of the <abbr title="United Kingdom">UK</abbr></p>

<object>

Represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin. Example: http://www.w3.org/wiki/HTML/Elements/object

<mark> *HTML5*

Represents highlighted text, i.e., a run of text marked for reference purpose, due to its relevance in a particular context. For example it can be used in a page showing search results to highlight every instance of the searched for word. Example: <p>This element is used to <mark>highlight</mark> text</p>

<figure> *HTML5*

Represents some flow content. Example: <figure> <figcaption>The Stata Center</figcaption> <img src="stata.jpg" alt="The Stata Center Building"> </figure>

<dfn>

Represents the defining instance of a term. More Info: http://www.w3.org/wiki/HTML/Elements/dfn

<hgroup> *HTML5*

Represents the heading of a section. The element is used to group a set of h1-h6 elements when the heading has multiple levels, such as subheadings, alternative titles, or taglines. Example: <hgroup> <h1>The reality dysfunction</h1> <h2>Space is not the only void</h2> </hgroup>

<caption>

Represents the title of a table. Though it is always the first descendant of a <table>, its styling, using CSS, may place it elsewhere, relative to the table. Example: https://developer.mozilla.org/en-US/docs/HTML/Element/table

<kbd>

Represents user input and produces an inline element displayed in the browser's default monotype font. Example: <p>Type the following in the Run dialog: <kbd>cmd</kbd><br />Then click the OK button.</p> Result: Type the following in the Run dialog: cmd Then click the OK button.

<meta>

Represents various kinds of metadata that cannot be expressed using the title, base, link, style, and script elements. Example: http://www.w3.org/wiki/HTML/Elements/meta

<dt>

The <dt> element represents the term, or name, part of a term-description group in a description list. Example: See <dl> example.

<menu>

The <menu> tag defines a list/menu of commands. The <menu> tag is used for context menus, toolbars and for listing form controls and commands. Currently not supported on modern browsers. Example: http://www.w3schools.com/tags/tag_menu.asp

<command> *HTML5*

The command element represents a command which the user can invoke. More Info: https://developer.mozilla.org/en-US/docs/HTML/Element/command