Advanced HTML5 Features with explanation

Post author:publisherpk
Post published:
Post category:HTML

In today’s competitive market every programming language should upgrade to compete in the market. So for the same HTML is now upgraded and added some beautiful HTML 5 Features.

Let’s start to have a look over new advanced HTML5 Features in this blog post.

Table of Contents

Below are the HTML5 Features:-

Video Tag

Video is a newly introduced element in HTML 5 that allows you to stream videos directly on your website.

Let’s see the example that how you can use this video in your webpage. Later we haven’t video tag.

[cc lang=”html” tab_size=”2″ lines=”80″]

[/cc]

In the above HTML 5 code, width and height are the two properties of video to set the dimensions for the video element. Another attribute is controls that helps to creates playback buttons such as “Play” and “Pause” on your video elements.

And the most important attribute source src tag where you have to give the URL or link of the video. And type the attribute specifies the types of video’s like “video/mp4”.

Figure tag

The figure element is also a newly introduced element in the HTML5 to display the visual content. Visual content maybe some graphics, photos, code snippets, etc.

Let’s see the example of the Figure element of HTML 5.

[cc lang=”html” tab_size=”2″ lines=”80″]

[/cc]

Header Tag

Every HTML page has 3 parts header, body, and footer. So to separate the introductory part from the main code header element is introduced in HTML 5. In introduction part we can say that like companies logo, site navbar, etc.

You can write Header Tag just before Body tag .

Let’s have a look over Header examples

[cc lang=”html” tab_size=”2″ lines=”80″]