HTML5 Tags
<embed>
used for embedding an external application or interactive content into an HTML document.
<fieldset>
used for grouping related form elements. By using the fieldset tag and the <legend> tag, you can make your forms much easier to understand for your users. You can also do things like, disable all child elements within a <fieldset>.
<cite>
used for indicating a citation
<dfn>
used for indicating a definition. The <dfn> tag surrounds the word/term being defined.
<code>
used for indicating a piece of code
<blockquote>
used for indicating long quotations. This element doesn't display quotation marks
<del>
used for markup of deleted text.
<br>
used for specifying a line break
<col>
used for specifying column properties for each column within a colgroup.
<h1>
used for specifying level 1 headings.
<h3>
used for specifying level 3 headings.
<h4>
used for specifying level 4 headings.
<h5>
used for specifying level 5 headings.
<h6>
used for specifying level 6 headings.
<colgroup>
used for specifying properties for a group of columns within a table. Must be used as a child of a <table> element, after any <caption> elements and before any <thead>, <tbody>, <tfoot>, and <tr> elements.
<title>
The <title> tag is required in all HTML documents and it defines the title of the document. The <title> element: defines a title in the browser toolbar provides a title for the page when it is added to favorites displays a title for the page in search-engine results
<tr>
The <tr> tag defines a row in an HTML table. A <tr> element contains one or more <th> or <td> elements.
<track>
The <track> tag specifies text tracks for media elements (<audio> and <video>). This element is used to specify subtitles, caption files or other files containing text, that should be visible when the media is playing.
<u>
The <u> tag represents some text that should be stylistically different from normal text, such as misspelled words or proper nouns in Chinese.
<ul>
The <ul> tag defines an unordered (bulleted) list. Use the <ul> tag together with the <li> tag to create unordered lists.
<var>
The <var> tag is a phrase tag. It defines a variable.
<video>
The <video> tag specifies video, such as a movie clip or other video streams.
<wbr>
The <wbr> (Word Break Opportunity) tag specifies where in a text it would be ok to add a line-break.
<html>
The container that contains all other HTML elements (except for the <!doctype> tag which is located before the opening HTML tag). All other HTML elements are nested between the <html> and </html> tags
<mark>
defines marked text. Highlights words you want highlighted.
<data>
enables you to overcome this by providing two numbers - one for the users (provided within the <data></data> tags) and one for the script (provided in the value attribute). This could look something like: <data value="1">One</data>
<dialog>
indicates a part of an application that the user can interact with. Examples of dialog could include a dialog box, inspector, or window.
<details>
specifies additional details that the user can view or hide on demand.
<b>
specifies bold text
<base>
specifies the base URL/target for all relative URLs in a document
<article>
tag specifies independent, self-contained content
<button>
used for creating a button control
<canvas>
used for creating graphics on the fly. It can be used for rendering graphs, game graphics, or other visual images.
<caption>
used for creating table captions. It is used in conjunction with the <table> tag and represents the title of the table.
<div>
used for defining a section of your document. With the <div> tag, you can group large sections of HTML elements together and format them with CSS.
<footer>
used for defining the footer of an HTML document or section.
<!DOCTYPE>
Indication that the page below it is written in "HTML5"
<meta>
Metadata is data (information) about data. The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable.
<header>
Represents a group of introductory or navigational aids. Headers can contain headings, subheadings, version information, navigational controls, etc.
<main>
Specifies the main content of a document. The content inside the element should be unique to the document. It should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms.
<link>
The <link> tag defines a link between a document and an external resource. The <link> tag is used to link to external style sheets.
<textarea>
The <textarea> tag defines a multi-line text input control. A text area can hold an unlimited number of characters, and the text renders in a fixed-width font (usually Courier). The size of a text area can be specified by the cols and rows attributes, or even better; through CSS' height and width properties.
<tfoot>
The <tfoot> tag is used to group footer content in an HTML table. The <tfoot> element is used in conjunction with the <thead> and <tbody> elements to specify each part of a table (footer, header, body). Browsers can use these elements to enable scrolling of the table body independently of the header and footer. Also, when printing a large table that spans multiple pages, these elements can enable the table header and footer to be printed at the top and bottom of each page. The <tfoot> tag must be used in the following context: As a child of a <table> element, after any <caption>, <colgroup>, and <thead> elements and before any <tbody> and <tr> elements.
<th>
The <th> tag defines a header cell in an HTML table. An HTML table has two kinds of cells: Header cells - contains header information (created with the <th> element) Standard cells - contains data (created with the <td> element) The text in <th> elements are bold and centered by default. The text in <td> elements are regular and left-aligned by default.
<thead>
The <thead> tag is used to group header content in an HTML table. The <thead> element is used in conjunction with the <tbody> and <tfoot> elements to specify each part of a table (header, body, footer). Browsers can use these elements to enable scrolling of the table body independently of the header and footer. Also, when printing a large table that spans multiple pages, these elements can enable the table header and footer to be printed at the top and bottom of each page. The <thead> tag must be used in the following context: As a child of a <table> element, after any <caption>, and <colgroup> elements, and before any <tbody>, <tfoot>, and <tr> elements.
<time>
The <time> tag defines a human-readable date/time. This element can also be used to encode dates and times in a machine-readable way so that user agents can offer to add birthday reminders or scheduled events to the user's calendar, and search engines can produce smarter search results.
<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.
<menuitem>
The <menuitem> tag defines a command/menu item that the user can invoke from a popup menu.
<meter>
The <meter> tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge.
<nav>
The <nav> tag defines a set of navigation links. Notice that NOT all links of a document should be inside a <nav> element. The <nav> element is intended only for major block of navigation links. Browsers, such as screen readers for disabled users, can use this element to determine whether to omit the initial rendering of this content.
<noscript>
The <noscript> tag defines an alternate content for users that have disabled scripts in their browser or have a browser that doesn't support script. The <noscript> element can be used in both <head> and <body>. When used inside the <head> element: <noscript> must contain only <link>, <style>, and <meta> elements. The content inside the <noscript> element will be displayed if scripts are not supported, or are disabled in the user's browser.
<object>
The <object> tag defines an embedded object within an HTML document. Use this element to embed multimedia (like audio, video, Java applets, ActiveX, PDF, and Flash) in your web pages. You can also use the <object> tag to embed another webpage into your HTML document. You can use the <param> tag to pass parameters to plugins that have been embedded with the <object> tag.
<ol>
The <ol> tag defines an ordered list. An ordered list can be numerical or alphabetical. Use the <li> tag to define list items.
<optgroup>
The <optgroup> is used to group related options in a drop-down list. If you have a long list of options, groups of related options are easier to handle for a user.
<option>
The <option> tag defines an option in a select list. <option> elements go inside a <select> or <datalist> element.
<output>
The <output> tag represents the result of a calculation (like one performed by a script).
<p>
The <p> tag defines a paragraph. Browsers automatically add some space (margin) before and after each <p> element. The margins can be modified with CSS (with the margin properties).
<param>
The <param> tag is used to define parameters for plugins embedded with an <object> element. Tip: HTML 5 also includes two new elements for playing audio or video: The <audio> and <video> tags.
<picture>
The <picture> tag gives web developers more flexibility in specifying image resources. The most common use of the <picture> element will be for art direction in responsive designs. Instead of having one image that is scaled up or down based on the viewport width, multiple images can be designed to more nicely fill the browser viewport. The <picture> element holds two different tags: one or more <source> tags and one <img> tag. The <source> element has the following attributes: srcset (required) - defines the URL of the image to show media - accepts any valid media query that would normally be defined in a CSS sizes - defines a single width descriptor, a single media query with width descriptor, or a comma-delimited list of media queries with a width descriptor type - defines the MIME type The browser will use the attribute values to load the most appropriate image. The browser will use the first <source> element with a matching hint and ignore any following <source> tags. The <img> element is required as the last child tag of the <picture> declaration block. The <img> element is used to provide backward compatibility for browsers that do not support the <picture> element, or if none of the <source> tags matched. The <picture> element works similar to the <video> and <audio> elements. You set up different sources, and the first source that fits the preferences is the one being used.
<pre>
The <pre> tag defines preformatted text. Text in a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks.
<progress>
The <progress> tag represents the progress of a task.
<q>
The <q> tag defines a short quotation. Browsers normally insert quotation marks around the quotation.
<rp>
The <rp> tag can be used to provide parentheses around a ruby text, to be shown by browsers that do not support ruby annotations. Use the <rp> tag together with the <ruby> and the <rt> tags: The <ruby> element consists of one or more characters that needs an explanation/pronunciation, and an <rt> element that gives that information, and an optional <rp> element that defines what to show for browsers that not support ruby annotations.
<rt>
The <rt> tag defines an explanation or pronunciation of characters (for East Asian typography) in a ruby annotation. Use the <rt> tag together with the <ruby> and the <rp> tags: The <ruby> element consists of one or more characters that needs an explanation/pronunciation, and an <rt> element that gives that information, and an optional <rp> element that defines what to show for browsers that not support ruby annotations.
<ruby>
The <ruby> tag specifies a ruby annotation. A ruby annotation is a small extra text, attached to the main text to indicate the pronunciation or meaning of the corresponding characters. This kind of annotation is often used in Japanese publications. Use the <ruby> tag together with the <rt> and/or the <rp> tags: The <ruby> element consists of one or more characters that needs an explanation/pronunciation, and an <rt> element that gives that information, and an optional <rp> element that defines what to show for browsers that not support ruby annotations.
<s>
The <s> tag specifies text that is no longer correct, accurate or relevant. The <s> tag should not be used to define replaced or deleted text, use the <del> tag to define replaced or deleted text.
<samp>
The <samp> tag is a phrase tag. It defines sample output from a computer program.
<script>
The <script> tag is used to define a client-side script (JavaScript). The <script> element either contains scripting statements, or it points to an external script file through the src attribute. Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.
<section>
The <section> tag defines sections in a document, such as chapters, headers, footers, or any other sections of the document.
<select>
The <select> element is used to create a drop-down list. The <option> tags inside the <select> element define the available options in the list.
<small>
The <small> tag defines smaller text (and other side comments).
<source>
The <source> tag is used to specify multiple media resources for media elements, such as <video>, <audio>, and <picture>. The <source> tag allows you to specify alternative video/audio/image files which the browser may choose from, based on its media type, codec support or media query.
<span>
The <span> tag is used to group inline-elements in a document. The <span> tag provides no visual change by itself. The <span> tag provides a way to add a hook to a part of a text or a part of a document.
<strong>
The <strong> tag is a phrase tag. It defines important text.
<style>
The <style> tag is used to define style information for an HTML document. Inside the <style> element you specify how HTML elements should render in a browser. Each HTML document can contain multiple <style> tags.
<sub>
The <sub> tag defines subscript text. Subscript text appears half a character below the normal line, and is sometimes rendered in a smaller font. Subscript text can be used for chemical formulas, like H2O.
<summary>
The <summary> tag defines a visible heading for the <details> element. The heading can be clicked to view/hide the details.
<sup>
The <sup> tag defines superscript text. Superscript text appears half a character above the normal line, and is sometimes rendered in a smaller font. Superscript text can be used for footnotes, like WWW[1].
<table>
The <table> tag defines an HTML table. An HTML table consists of the <table> element and one or more <tr>, <th>, and <td> elements. The <tr> element defines a table row, the <th> element defines a table header, and the <td> element defines a table cell. A more complex HTML table may also include <caption>, <col>, <colgroup>, <thead>, <tfoot>, and <tbody> elements.
<tbody>
The <tbody> tag is used to group the body content in an HTML table. The <tbody> element is used in conjunction with the <thead> and <tfoot> elements to specify each part of a table (body, header, footer). Browsers can use these elements to enable scrolling of the table body independently of the header and footer. Also, when printing a large table that spans multiple pages, these elements can enable the table header and footer to be printed at the top and bottom of each page. The <tbody> tag must be used in the following context: As a child of a <table> element, after any <caption>, <colgroup>, and <thead> elements.
<td>
The <td> tag defines a standard cell in an HTML table. An HTML table has two kinds of cells: Header cells - contains header information (created with the <th> element) Standard cells - contains data (created with the <td> element) The text in <th> elements are bold and centered by default. The text in <td> elements are regular and left-aligned by default.
<label>
Used for adding a label to a user interface control (often a form control, but it could be any phrasing content).
<figure>
Used for annotating illustrations, diagrams, photos, code listings, etc. You can use the <figure> element to associate a caption together with some embedded content, such as a graphic or video.
<dl>
Used for declaring a definition list. A definition list is similar to other lists but in a definition list, each list item contains two or more entries; a term (<dt>) and a description (<dd>)
<form>
Used for declaring a form. The <form> tag is used in conjunction with form-associated elements. To create a form, you can nest form-associated elements inside the opening/closing <form> tags. You can also use the form attribute within those elements to reference the ID of the form to use.
<img>
Used for embedding images into an HTML document.
<keygen>
Used for generating a key pair. This can be used for generating signed certificates, which can be used to authenticate to services that use Transport Layer Security (TLS) and certificate authentication. When the control's form is submitted, the private key is stored in the local keystore, and the public key is packaged and sent to the server.
<em>
Used for indicating emphasis. The em tag surrounds the word/term being emphasised.
<kbd>
Used for indicating the text to be entered by the user.
<ins>
Used for markup of inserted text. Markup of inserted text can be useful in determining differences between multiple versions of the same document. Browsers will normally underline inserted text and strike a line through deleted text.
<legend>
Used for providing a title or explanatory caption for the rest of the contents of the legend element's parent element.
<datalist>
Used for providing an "autocomplete" feature on form elements. It enables you to provide a list of predefined options to the user as they input data. For example, if a user began entering some text into a text field, a list would drop down with prefilled values that they could choose from.
<dd>
Used for specifying a definition description in a definition list.
<dt>
Used for specifying a definition term in a definition list.
<li>
Used for specifying a list item in ordered and unordered lists.
<hr>
Used for specifying a paragraph-level thematic break in an HTML document. A a paragraph-level thematic break could be a scene change in a story, or a transition to another topic within a section of a reference book.
<map>
Used to define a client-side image map. An image map is an image with clickable areas.
<iframe>
Used to specify an inline frame, or, as the HTML5 specification refers to it, a nested browsing context. An inline frame allows you to embed another document within the current HTML document. It also allows you to provide an inline frame without using another document - by simply passing the content to the <iframe> via the srcdoc attribute.
<input>
Used within a form to declare an input element - a control that allows the user to input data.
<a>
allows you to create hyperlinks in HTML. Hyperlinks allow you to move around the web.
<abbr>
defines an abbreviation or acronyms such as "Mr.", "Dec.", "ASAP", or "ATM"
<area>
defines an area inside an image-map (an image map is an image with clickable areas)
<aside>
defines some content aside from the content it is placed in
<audio>
defines sound, such as music or audio streams
<address>
defines the contact information for the author/owner of a document or an article
<hgroup>
used for defining the heading of an HTML document or section. More specifically, it is used to group a set of <h1>-<h6> elements when the heading has multiple levels, such as subheadings, alternative titles, or taglines.
<head>
used for indicating the head section of the HTML document. The head can contain other HTML tags that provide information about the document such as title, description, keywords etc. You will often see the <title> tag, <meta> tag, the <script> tag, and the <style> tag in the head of a typical HTML document.
<body>
used for indicating the main content section of the HTML document. The body tag is placed between the </head> and the </html> tags
<h2>
used for specifying level 2 headings.
<bdi>
used on a span of text that is to be isolated from its surroundings for the purposes of bidirectional text formatting
<i>
used to create italics in a word
<bdo>
used to overide text direction. Usually for sentences, unlike <bdi> which is only used for words
<figcaption>
used to provide a caption when using the <figure> tag.
