DEV Community

Awais Butt
Awais Butt

Posted on

New features of HTML5

HTML stands for Hypertext Markup Language, and it is a markup language used to create online pages and applications.
HTML5 is the fifth version of the HTML markup language.

Audio and Video

HTML5 has two important additions: audio and video tags. The <audio> tag is used to embed sound material, such as music or other audio streams, in a document. HTML supports three different audio formats: MP3, WAV, and OGG.
<audio controls>
<source src="sound.mp3" type="audio/mpeg">
</audio>

A video is shown on a web page using the HTML <video> element. The controls attribute adds video controls like play, pause, and volume. HTML supports three different video formats: MP4, WebM, and Ogg.
<video controls >
<source src="video.mp4" type="video/mp4">
</video>

Vector Graphics

It may be used to generate graphics in a variety of shapes and colors using scripting, most commonly JS. SVG stands for Scalable Vector Graphics, and it is a language for describing 2D graphics and graphical applications in XML; the XML is then rendered by an SVG viewer.
SVG is mostly used for vector diagrams, such as pie charts, two-dimensional graphs in the X, Y, and so on.
How to create SVG on a web page
The <svg> tag can be used to embed SVG into a web page. You can use this element to hold SVG graphics and use it as a container for SVG.

header and footer

The HTML <header> element denotes introductory information, which is usually a collection of introductory or navigational support.
It could have some heading elements, as well as the author's name and other things.

A page header looks like
<header>
<h1>Main heading of the page</h1>
<p>some text here</p>
</header>

The <footer>tag defines a footer for a document or section.
A usually includes information about the section's author, copyright information, or links to related papers.
<footer>
<p>Reference here</p>
</footer>

nav tag

The nav tag represents the set of navigation links. The <nav> HTML element defines a portion of a page that contains navigation links, either within the current document or to other documents.
A <nav> element does not have to contain all of a document's links.
Only important blocks of navigation links should be included in the element

<nav>
<a href="/reference1/">Reference 1</a> |
<a href="/reference2/">Reference 2</a> |
</nav>.

Top comments (0)