HTML5 New Tags List and its Functions (with Example)

Share
HTML5

Firstly, HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and last major HTML version that is a World Wide Web Consortium recommendation.

What is HTML tag?

An HTML tag is commonly defined as a set of characters constituting a formatted command for a Web page. At the core of HTML, tags provide the directions or recipes for the visual content that one sees on the Web.

HTML tags include tags for references, tags for tables, tags for headlines or titles, etc. Furthermore, An HTML tag consists of the tag name in angular brackets and may come in pairs, which makes up the beginning and ending tag that frames a particular piece of code, text, or other tags. Precisely, the beginning tag consists of the name, optionally followed by one or more attributes, whereas the ending tag consists of the same name preceded by a forward-slash (“/”).

In fact, HTML tag “<p>” begins a paragraph, whereas “</p>” ends that paragraph. This is a consistent syntax in HTML.

A sample of HTML Document is illustrated below:

In this post, You will learn about lists of all newly added HTML5 elements, which are created using tags (Arranged Alphabetically):

1.<article>

This describes an article.

2.<aside>

This describes content set(or write) on aside place in page contents.

3.<audio>

This describes audio content.

4.<canvas>

It specifies the display graphics on HTML web documents.

The red rectangle on the fly showing it in <canvas> element.

5.<command>

It defines a command button, invoke as per user action.

6.<datalist>

It defines a list of pre-defined options surrounding <input> tag.

7.<details>

Similarly, it defines additional details hidden or shown as per user action.

8.<embed>

It defines a embedding external application using a relative plug-in.

An Embedded Image

9.<figcaption>

It represents a caption text corresponding with a figure element.

10.<footer>

It defines a footer section containing details about the author, copyright, contact us, sitemap, or links to related documents.

11.<header>

It defines as a container that holds introductory content or navigation links.

A header for an <article>

12.<mark>

It is used to highlight (marked) specific text.

13.<meter>

It is used to measure data within a given range.

14.<nav>

It is used to define a group of navigation links.

15.<output>

It is used for representing the result of a calculation.

16.<progress>

It represents the progress of a task.

17.<rp>

Additionally, it is used to provide parentheses around fall-back content to the browser that does not support the ruby annotations.

18.<rt>

It specifies the ruby text of ruby annotation.

19.<ruby>

It is used to represent a ruby annotation.

20.<section>

It is used to divide a document into a number of different generic sections.

21.<source>

It is used to specify multiple media resources.

22.<time>

It represents the date and/or time in an HTML document.

23.<track>

It represents text tracks for both the <audio> and <video> tags.

24.<video>

It is used to embed video content.

Example of <video> and <track>

25.<wbr>

Lastly, it defines a word break opportunity in a long string of text.

Conclusively, these are the newly added HTML5 tags with examples. We hope that you find this post helpful in your learning process about HTML tags.

In addition, HTML5 Examples: https://www.w3schools.com/tags/

Likewise, Image of Source code edited on https://carbon.now.sh/

✯✯✯

Share

2 thoughts on “HTML5 New Tags List and its Functions (with Example)

Leave a Reply

Your email address will not be published.

%d bloggers like this: