HTML5 Tags - List of all HTML5 Tags or HTML5 Semantic Elements

HTML5 Elements

HTML5 Tags

This HTML5 tags or HTML5 elements tutorial contains a complete list of all standard HTML5 tags belonging to the latest HTML5 and HTML specifications. All the HTML5 tags or elements are listed alphabetically.

HTML tags or elements are components of a document written in HTML. An element is defined by HTML tags. Every page consists of a set of HTML elements or tags. They represent parts of the document , such as headings and paragraphs.

One of the most common issues for beginners is understanding the difference between HTML elements and tags. The HTML elements represent the document's structure , while tags are simply a part of the HTML syntax.

What are HTML5 Semantic Elements?

HTML5 Semantic Elements defines their contents. Examples of semantic elements: <form>, <table>, and <article>.

Examples of non-semantic elements: <div> and <span>, Tells nothing about their contents.

Nested HTML Elements

A simple HTML element is made of an opening tag , a closing tag , and some content ( text , images , etc. ) between the two. In case of element nesting , an HTML element can also contain other elements which are then called nested elements. Nesting occurs in all HTML pages , it provides better functionality and a neater look.

When you nest HTML elements , make sure you close them in the right order. The element which was opened last must be the first to close.

Share This Page On :

What is an Empty Element in HTML ?

A standard element in HTML has content enclosed within opening and closing tags , but some are empty ( void ). Such elements are mostly used to add or embed content into documents.

How many tags are there in html5?

There are approximately 110 tags in HTML5. There are 32 tags which are newly introduced in HTML5.

The following section contains a brief overview of HTML5 Tags. The following list of all HTML5 tags or elements given order by alphabet. A Complete Guide on HTML5 Tags Definitions with Examples.

HTML5 Tags Reference

Ordered By Alphabetically

<a> Tag

The HTML5 a ( <a> tag ) or anchor tag or element creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address.

The most important attribute of the <a> element is the href attribute, which indicates the link's destination. You can learn about anchor tag from Complete Tutorial on Anchor Tag.

<abbr> Tag

Defines an abbreviated form of a longer word or phrase. You can learn about abbr tag from Complete Tutorial on HTML5 abbr Tag - Abbreviation Element.

<address> Tag

Specifies the author's contact information. You can learn more about address tag from Complete Tutorial on HTML5 address Tag - Contact Address Element.

<area> Tag

Defines a specific area within an image map.

<article> Tag

This tag represents an independent piece of content of a document, such as a blog entry or newspaper article.

<aside> Tag

Defines some content loosely related to the page content. This tag represents a piece of content that is only slightly related to the rest of the page.

<audio> Tag

Embeds a sound , or an audio stream in an HTML document.

<b> Tag

Displays text in a bold style.

<base> Tag

Defines the base URL for all linked objects on a page.

<bdi> Tag

Represents text that is isolated from its surrounding for the purposes of bidirectional text formatting.

<bdo> Tag

Overrides the current text direction.

<blockquote> Tag

Defines a long quotation.

<body> Tag

Defines the document's body.

<br> Tag

Produces a single line break.

<button> Tag

Creates a clickable button.

<canvas> Tag

Defines a region in the document , which can be used to draw graphics on the fly via scripting ( usually JavaScript ). A <canvas> element provides scripts with a resolution-dependent bitmap canvas, which can be used for rendering graphs, game graphics, or other visual images on the fly.

<caption> Tag

Defines the title of a table.

<cite> Tag

Indicates a citation or reference to another source.

<code> Tag

Specifies text as computer code.

<col> Tag

Defines attribute values for one or more columns in a table.

<colgroup> Tag

Specifies attributes for multiple columns in a table.

<datalist> Tag

Represents a set of pre-defined options for an <input> element.

<dd> Tag

Specifies a definition for a term in a definition list.

<del> Tag

Specifies a block of deleted text.

<details> Tag

Represents a widget from which the user can obtain additional information or controls on-demand.

<dfn> Tag

Specifies a definition.

<div> Tag

Specifies a division or a section in a document.

<dl> Tag

Defines a definition list.

<dt> Tag

Defines a term ( an item ) in a definition list.

<em> Tag

Specifies emphasized text.

<embed> Tag

Embeds external application , typically multimedia content like audio or video into an HTML document.

<fieldset> Tag

Specifies a set of related form fields.

<figcaption> Tag

The <figcaption> tag defines a caption or legend for a figure. The <figcaption> tag defines a caption for a <figure> element. The <figcaption> element can be placed as the first or as the last child of a <figure> element.

<figure> Tag

Represents a figure illustrated as part of the document. This tag can be used to associate a caption together with some embedded content, such as a graphic or video.

<footer> Tag

Represents the footer of a document or a section and can contain information about the author, copyright information, et cetera..

<form> Tag

Defines an HTML form for user input. The forms section of HTML5 was originally a specification titled Web Forms 2.0 that added new types of controls for forms.

<h1> to <h6> Tag

Defines HTML headings.

<head> Tag

Defines the head portion of the document that contains information about the document such as title.

<header> Tag

Represents the header of a document or a section.

<hgroup> Tag

Defines a group of headings.

<hr> Tag

Produce a horizontal line.

<html> Tag

Defines the root of an HTML document.

<i> Tag

Displays text in an italic style.

<iframe> Tag

Displays a URL in an inline frame.

<img> Tag

Displays an inline image.

<input> Tag

Defines an input control.

<ins> Tag

Defines a block of text that has been inserted into a document.

<kbd> Tag

Specifies text as keyboard input.

<keygen> Tag

Represents a control for generating a public-private key pair.

<label> Tag

Defines a label for an <input> control.

<legend> Tag

Defines a caption for a <fieldset> element.

<li> Tag

Defines a list item.

<link> Tag

Defines the relationship between the current document and an external resource.

<map> Tag

Defines a client-side image-map.

<mark> Tag

Represents text highlighted for reference purposes.

<menu> Tag

Represents a list of commands.

<meta> Tag

Provides structured metadata about the document content.

<meter> Tag

Represents a scalar measurement within a known range.

<nav> Tag

Defines a section of navigation links. This tag represents a section of the document intended for navigation.

<noscript> Tag

Defines alternative content to display when the browser doesn't support scripting.

<object> Tag

Defines an embedded object.

<ol> Tag

Defines an ordered list.

<optgroup> Tag

Defines a group of related options in a selection list.

<option> Tag

Defines an option in a selection list.

<output> Tag

Represents the result of a calculation.

<p> Tag

Defines a paragraph.

<param> Tag

Defines a parameter for an object or applet element.

<pre> Tag

Defines a block of preformatted text.

<progress> Tag

Represents the completion progress of a task.

<q> Tag

Defines a short inline quotation.

<rp> Tag

Provides fall-back parenthesis for browsers that that don't support ruby annotations.

<rt> Tag

Defines the pronunciation of character presented in a ruby annotations.

<ruby> Tag

Represents a ruby annotation.

<samp> Tag

Specifies text as sample output from a computer program.

<script> Tag

Places script in the document for client-side processing.

<section> Tag

This tag represents a generic document or application section. It can be used together with h1-h6 to indicate the document structure. Defines a section of a document , such as header , footer etc.

<select> Tag

Defines a selection list within a form.

<small> Tag

Displays text in a smaller size.

<source> Tag

Defines alternative media resources for the media elements like <audio> or <video>.

<span> Tag

Defines an inline styleless section in a document.

<strong> Tag

Indicate strongly emphasized text.

<style> Tag

Inserts style information ( commonly CSS ) into the head of a document.

<sub> Tag

Defines subscripted text.

<summary> Tag

Defines a summary for the <details> element.

<sup> Tag

Defines superscripted text.

<table> Tag

Defines a data table.

<tbody> Tag

Groups a set of rows defining the main body of the table data.

<td> Tag

Defines a cell in a table.

<textarea> Tag

Defines a multi-line text input control ( text area ).

<tfoot> Tag

Groups a set of rows summarizing the columns of the table.

<th> Tag

Defines a header cell in a table.

<thead> Tag

Groups a set of rows that describes the column labels of a table.

<time> Tag

Represents a time and/or date.

<title> Tag

Defines a title for the document.

<tr> Tag

Defines a row of cells in a table.

<track> Tag

Defines text tracks for the media elements like <audio> or <video>.

<ul> Tag

Defines an unordered list.

<var> Tag

Defines a variable.

<video> Tag

Embeds video content in an HTML document.

<wbr> Tag

Represents a line break opportunity.

What are the 4 basic HTML tags?

<html>, <head>, <title> and <body> these are 4 basic HTML tags needed to create a web page.

More Related Tutorials