HTML5 Tags - List of all HTML5 Tags or HTML5 Semantic Elements
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.
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
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.
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.
Specifies the author's contact information. You can learn more about address tag from Complete Tutorial on HTML5 address Tag - Contact Address Element.
Defines a specific area within an image map.
This tag represents an independent piece of content of a document, such as a blog entry or newspaper article.
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.
Embeds a sound , or an audio stream in an HTML document.
Displays text in a bold style.
Defines the base URL for all linked objects on a page.
Represents text that is isolated from its surrounding for the purposes of bidirectional text formatting.
Overrides the current text direction.
Defines a long quotation.
Defines the document's body.
Produces a single line break.
Creates a clickable button.
Defines the title of a table.
Indicates a citation or reference to another source.
Specifies text as computer code.
Defines attribute values for one or more columns in a table.
Specifies attributes for multiple columns in a table.
Represents a set of pre-defined options for an <input> element.
Specifies a definition for a term in a definition list.
Specifies a block of deleted text.
Represents a widget from which the user can obtain additional information or controls on-demand.
Specifies a definition.
Specifies a division or a section in a document.
Defines a definition list.
Defines a term ( an item ) in a definition list.
Specifies emphasized text.
Embeds external application , typically multimedia content like audio or video into an HTML document.
Specifies a set of related form fields.
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.
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.
Represents the footer of a document or a section and can contain information about the author, copyright information, et cetera..
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.
Defines the head portion of the document that contains information about the document such as title.
Represents the header of a document or a section.
Defines a group of headings.
Produce a horizontal line.
Defines the root of an HTML document.
Displays text in an italic style.
Displays a URL in an inline frame.
Displays an inline image.
Defines an input control.
Defines a block of text that has been inserted into a document.
Specifies text as keyboard input.
Represents a control for generating a public-private key pair.
Defines a label for an <input> control.
Defines a caption for a <fieldset> element.
Defines a list item.
Defines the relationship between the current document and an external resource.
Defines a client-side image-map.
Represents text highlighted for reference purposes.
Represents a list of commands.
Provides structured metadata about the document content.
Represents a scalar measurement within a known range.
Defines a section of navigation links. This tag represents a section of the document intended for navigation.
Defines alternative content to display when the browser doesn't support scripting.
Defines an embedded object.
Defines an ordered list.
Defines a group of related options in a selection list.
Defines an option in a selection list.
Represents the result of a calculation.
Defines a paragraph.
Defines a parameter for an object or applet element.
Defines a block of preformatted text.
Represents the completion progress of a task.
Defines a short inline quotation.
Provides fall-back parenthesis for browsers that that don't support ruby annotations.
Defines the pronunciation of character presented in a ruby annotations.
Represents a ruby annotation.
Specifies text as sample output from a computer program.
Places script in the document for client-side processing.
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.
Defines a selection list within a form.
Displays text in a smaller size.
Defines alternative media resources for the media elements like <audio> or <video>.
Defines an inline styleless section in a document.
Indicate strongly emphasized text.
Inserts style information ( commonly CSS ) into the head of a document.
Defines subscripted text.
Defines a summary for the <details> element.
Defines superscripted text.
Defines a data table.
Groups a set of rows defining the main body of the table data.
Defines a cell in a table.
Defines a multi-line text input control ( text area ).
Groups a set of rows summarizing the columns of the table.
Defines a header cell in a table.
Groups a set of rows that describes the column labels of a table.
Represents a time and/or date.
Defines a title for the document.
Defines a row of cells in a table.
Defines text tracks for the media elements like <audio> or <video>.
Defines an unordered list.
Defines a variable.
Embeds video content in an HTML document.
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.