×

HTML5 Tags

HTML5 Tags

A list of newly included tags is provided in HTML5. These HTML 5 tags (elements) provide a better structure for the document. This list shows description of all HTML 5 tags in alphabetic order.

List of HTML5 Tags

TagDescription
<aside>It specifies that the article is slightly related to the rest of the entire page.
<article>This concept is used in a document to describe an individual piece of content that could be a blog, a magazine, or a newspaper article.
<audio>Audio tags are used in HTML to play audio.
<bdi>This bdi stands for bi-directional isolation, which isolates a part of the text that is formatted in a direction from an external text document.
<canvas>It is used to draw the canvas.
<data>It offers readable machine version of its data.
<detalist>It provides a text field auto-complete feature.
<details>It specifies the required information to be used by the user.
<dialog>It defines one of the dialog boxes or a window.
<figcaption>The <figure> element is used to define captions.
<footer>It defines a footer section
<figure>It defines the photos, diagrams, etc. It is a self-contained material.
<header>It defines a header section.
<mark>It pecifies the content that has been marked or highlighted.
<meter>It is used for measuring the value of the scalar within a given range.
<nav>It is used in the document to define the navigation connection.
<progress>It specifies the progress of the work.
<rp>It defines what to show in a browser that does not support sapphire annotation.
<rt>It determines the characters explanation / pronunciation.
<ruby>It defines the annotation of ruby along with < rp > and < rt>.
<section>In the document it describes a section.
<summary>It specifies the visible heading for < detailed> item.
<svg>It is used to show the shapes.
<time>It is used to define date / time.
<video>It is used to play the HTML video file.
<wbr>It defines the possible line break.

HTML <! DOCTYPE> tag       

In the HTML document, you will often see the <html> tag <! DOCTYPE is html> declaration. HTML is a <! DOCTYPE > tag, which is used to notify the user about the HTML version used in the text. It's called declaration of form of document (DTD).

Technically, <! DOCTYPE > is not a tag / element, it is just a browser instruction on the type of document. It is a null element that does not contain the closing tag and any content within it. There are actually many types of HTML e.g. HTML 4.01 Transitional, 4.01 Frameset, HTML 4.01 Strict, XHTML 1.0 Transitional, XHTML 1.0 Frameset, XHTML 1.0 Strict, XHTML 1.1 etc.

The <! DOCTYPE > declaration refers to Document type Declaration (DTD) in HTML 4.01; since HTML 4.01 was SGML based. But HTML 5 is not language based on SGML.

Syntax

<! DOCTYPE html>

There are following are some specification about the html <! DOCTYPE>

DisplayNone
End tag or start tagStart tag only
UsageStructural

Let's see an example of doctype declaration HTML document.

<html>
<head>
<title>Title web page</title>
</head>
<body>It is the content of the document.</body>
</html>

Output

HTML5 Tags

Related Topics

Responsive HTML5 and CSS3 Tutorial

Introduction to HTML5 Tutorial HTML5 is the latest and upgraded version of HTML. HTML is a hypertext markup language. Technically, it is not a programming language. It is a markup language. HTML...

17 minutes read.

HTML Event Attributes

HTML Event Attributes If a browser responds to the user behavior, an event is called. For example, if we click on the submit button, a box of details will appear on...

4 minutes read.

HTML <samp> tag

The Samp tag in HTML is used for defining the sample output from the computer program. This tag is a phrase type tag and a container tag that means the...

2 minutes read.

HTML Attributes

HTML Attributes provide the additional information about HTML elements. Attributes are always specified in the start tag. Attributes usually comes in pairs. lang Attribute This attribute helps in declaring the language...

2 minutes read.

HTML Images

HTML has <img> tag to display image on the web pages or web application. This tag is an empty tag i.e. we don't have to close this tag while using. SYNTAX: <img src="source address" attributes="alt, height, width"> Example: <html>   <body>   <center>Image tag Example</center>   <img src="https://www.tutorialandexample.com/resources/images/favicon.png"    alt="tutorialandexample"/>   </body>   </html> Output: Image...

1 minute read.

HTML Font Color

The HTML <font> tag has an attribute called color, which defines the color of the text. We use the color attribute inside the <font> tag to specify the color of...

6 minutes read.

HTML Charsets

In this tutorial, we are going to discuss about the charsets in the HTML. The letters, numbers, and several other symbols are shown correctly by the web browser. All of this...

2 minutes read.

Most Commonly used Tags in HTML

In this tutorial, we'll look at the most popular HTML tags. We know HTML is a fundamental requirement for creating a website. As a result, it is essential to remember...

9 minutes read.

Html &lt;dd> Tag

In an HTML description list, an item's definition or description is indicated using the definition description ("dd" tag). A <dd> tag can contain paragraphs, line breaks, images, links, and lists. It...

4 minutes read.

HTML &lt;blink> Tag

In HTML, the blink tag is used to create the text which flashes. The blink tag is an inline element in HTML. It is observed that the blink tag used...

2 minutes read.

Caption Tag in HTML

Caption Tag in HTML: The < caption > tag in HTML describes the heading of a table in the HTML text. Browsers typically make the text found above the table...

4 minutes read.

HTML Nested Table

HTML nested table refers to a table that is created inside another table. The table is in the form of rows and columns. From left to right are called horizontal rows,...

5 minutes read.

HTML Tutorial

Introduction This HTML tutorial helps beginners and professionals to learn HTML easily. HTML is a widely used web technology for website development. It stands for Hyper Text Markup Language. It is mainly used to...

7 minutes read.

HTML Form Input Types

HTML Form Input Types An important element of the HTML form is < input type= "> in HTML. The type attribute of the input element can be of different types, which...

8 minutes read.

HTML Canvas

HTML Canvas: Using JavaScript, the < canvas > tag in HTML is used for drawing graphics on web page. It can be used to draw routes, boxes, text, gradient, and...

3 minutes read.

CSS Clearfix

CSS Clearfix: A clearfix (or clear float) in CSS is for a component to clear or fix the child component, so we don’t need to insert additional markup. The clear...

4 minutes read.

HTML Date

The input element in HTML has several attributes. One of its attributes is the type attribute which creates a calendar in an order that a user can select a date...

5 minutes read.

How to change font in HTML

To give style to the content of your website, you may change the font of the text and make your website look attractive to the user. There are several methods which...

4 minutes read.

How to add Google Translate Button on your Webpage?

Google translator is a multi-language translator used for translating the webpage. Google develops it. In today's digital age, it is essential because information is available worldwide in some specific language...

5 minutes read.

HTML Lists

HTML List HTML lists are used to specify data sets. All lists can include one or more elements from the list. HTML lists are available in three different types: Ordered List or...

4 minutes read.