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 Tags ?
HTML tags belonging to the latest HTML5 specifications. All the HTML5 tag list is shown below in this HTML5 tags tutorial.
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
List of HTML5 Tags
HTML5 Tags List
Ordered By Alphabetically
Following are the list of html5 semantic tags meaning and usage examples.
HTML5 Tags Definition
How to use html5 semantic tags ?
HTML5 <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.
HTML5 <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.
HTML5 <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.
HTML5 <area> Tag
Defines a specific area within an image map.
HTML5 <article> Tag
This tag represents an independent piece of content of a document, such as a blog entry or newspaper article.
HTML5 <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.
HTML5 <audio> Tag
Embeds a sound , or an audio stream in an HTML document.
HTML5 <b> Tag
Displays text in a bold style.
HTML5 <base> Tag
Defines the base URL for all linked objects on a page.
HTML5 <bdi> Tag
Represents text that is isolated from its surrounding for the purposes of bidirectional text formatting.
HTML5 <bdo> Tag
Overrides the current text direction.
HTML5 <blockquote> Tag
Defines a long quotation.
HTML5 <body> Tag
Defines the document's body.
HTML5 <br> Tag
Produces a single line break.
HTML5 <button> Tag
Creates a clickable button.
HTML5 <canvas> Tag
HTML5 <caption> Tag
Defines the title of a table.
HTML5 <cite> Tag
Indicates a citation or reference to another source.
HTML5 <code> Tag
Specifies text as computer code.
HTML5 <col> Tag
Defines attribute values for one or more columns in a table.
HTML5 <colgroup> Tag
Specifies attributes for multiple columns in a table.
HTML5 <datalist> Tag
Represents a set of pre-defined options for an <input> element.
HTML5 <dd> Tag
Specifies a definition for a term in a definition list.
HTML5 <del> Tag
Specifies a block of deleted text.
HTML5 <details> Tag
Represents a widget from which the user can obtain additional information or controls on-demand.
HTML5 <dfn> Tag
Specifies a definition.
HTML5 <div> Tag
Specifies a division or a section in a document.
HTML5 <dl> Tag
Defines a definition list.
HTML5 <dt> Tag
Defines a term ( an item ) in a definition list.
HTML5 <em> Tag
Specifies emphasized text.
HTML5 <embed> Tag
Embeds external application , typically multimedia content like audio or video into an HTML document.
HTML5 <fieldset> Tag
Specifies a set of related form fields.
HTML5 <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.
HTML5 <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.
HTML5 <footer> Tag
Represents the footer of a document or a section and can contain information about the author, copyright information, et cetera..
HTML5 <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.
HTML5 <h1> to <h6> Tag
Defines HTML headings.
HTML5 <head> Tag
Defines the head portion of the document that contains information about the document such as title.
HTML5 <header> Tag
Represents the header of a document or a section.
HTML5 <hgroup> Tag
Defines a group of headings.
HTML5 <hr> Tag
Produce a horizontal line.
HTML5 <html> Tag
Defines the root of an HTML document.
HTML5 <i> Tag
Displays text in an italic style.
HTML5 <iframe> Tag
The iframe tag specifies an inline frame. It displays a URL in an inline frame.
Which tag embed a webpage inside a webpage ?
The html5 iframe tag embed a webpage inside a webpage. The iframe tag is used to embed another document within the current HTML document.
How to use <iframe> tag in HTML5 ?
Following example shows how to use iframe tag in html5.
How to use iframe Tag in HTML5 Example
HTML5 <img> Tag
Displays an inline image.
HTML5 <input> Tag
Defines an input control.
HTML5 <ins> Tag
Defines a block of text that has been inserted into a document.
HTML5 <kbd> Tag
Specifies text as keyboard input.
HTML5 <keygen> Tag
Represents a control for generating a public-private key pair.
HTML5 <label> Tag
Defines a label for an <input> control.
HTML5 <legend> Tag
Defines a caption for a <fieldset> element.
HTML5 <li> Tag
Defines a list item.
HTML5 <link> Tag
Defines the relationship between the current document and an external resource.
HTML5 <map> Tag
Defines a client-side image-map.
HTML5 <mark> Tag
Represents text highlighted for reference purposes.
HTML5 <menu> Tag
Represents a list of commands.
HTML5 <meta> Tag
Provides structured metadata about the document content.
HTML5 <meter> Tag
Represents a scalar measurement within a known range.
HTML5 <nav> Tag
Defines a section of navigation links. This tag represents a section of the document intended for navigation.
HTML5 <noscript> Tag
Defines alternative content to display when the browser doesn't support scripting.
HTML5 <object> Tag
Defines an embedded object.
HTML5 <ol> Tag
Defines an ordered list.
HTML5 <optgroup> Tag
Defines a group of related options in a selection list.
HTML5 <option> Tag
Defines an option in a selection list.
HTML5 <output> Tag
Represents the result of a calculation.
HTML5 <p> Tag
Defines a paragraph.
HTML5 <param> Tag
Defines a parameter for an object or applet element.
HTML5 <pre> Tag
Defines a block of preformatted text.
HTML5 <progress> Tag
Represents the completion progress of a task.
HTML5 <q> Tag
Defines a short inline quotation.
HTML5 <rp> Tag
Provides fall-back parenthesis for browsers that that don't support ruby annotations.
HTML5 <rt> Tag
Defines the pronunciation of character presented in a ruby annotations.
HTML5 <ruby> Tag
Represents a ruby annotation.
HTML5 <samp> Tag
Specifies text as sample output from a computer program.
HTML5 <script> Tag
Places script in the document for client-side processing.
HTML5 <section> Tag
HTML5 section tag represents a generic document or application section. It can be used together with h1 to h6 tags to indicate the document structure. Defines a section of a document , such as header , footer etc.
How to create section tag in html5 ?
Following example shows how to create section tag in html5.
How to create section tag in html5 Example
HTML5 <select> Tag
Defines a selection list within a form.
HTML5 <small> Tag
Displays text in a smaller size.
HTML5 <source> Tag
Defines alternative media resources for the media elements like <audio> or <video>.
HTML5 <span> Tag
Defines an inline styleless section in a document.
HTML5 <strong> Tag
Indicate strongly emphasized text.
HTML5 <style> Tag
Inserts style information ( commonly CSS ) into the head of a document.
HTML5 <sub> Tag
Defines subscripted text.
HTML5 <summary> Tag
Defines a summary for the <details> element.
HTML5 <sup> Tag
Defines superscripted text.
HTML5 <table> Tag
Defines a data table.
HTML5 <tbody> Tag
Groups a set of rows defining the main body of the table data.
HTML5 <td> Tag
Defines a cell in a table.
HTML5 <textarea> Tag
Defines a multi-line text input control ( text area ).
HTML5 <tfoot> Tag
Groups a set of rows summarizing the columns of the table.
HTML5 <th> Tag
Defines a header cell in a table.
HTML5 <thead> Tag
Groups a set of rows that describes the column labels of a table.
HTML5 <time> Tag
Represents a time and/or date.
HTML5 <title> Tag
Defines a title for the document.
HTML5 <tr> Tag
Defines a row of cells in a table.
HTML5 <track> Tag
Defines text tracks for the media elements like <audio> or <video>.
HTML5 <ul> Tag
Defines an unordered list.
HTML5 <var> Tag
Defines a variable.
HTML5 <video> Tag
Embeds video content in an HTML document.
HTML5 <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.