HTML5 New Elements

Since 1999, HTML 4.01 has undergone significant changes. Today, several elements that were present in HTML 4.01 have been deprecated or redefined in HTML5.

To better accommodate modern internet applications, HTML5 introduces numerous new elements and functionalities. These include: graphical drawing capabilities, multimedia content support, improved page structure, enhanced form handling, as well as several APIs for drag-and-drop functionality, geolocation, web application caching, storage, and service workers.

New Element: <canvas>

Tag	Description
<canvas>	This tag defines graphics, such as charts and other images. It is based on the JavaScript drawing API.

New Multimedia Elements

Tag	Description
<audio>	Defines audio content.
<video>	Defines audio content.
<source>	Defines multimedia resources for <video> and <audio> elements.
<embed>	Defines embedded content, such as plugins.
<track>	Specifies external text tracks for media elements like <video> and <audio>.

New Form Elements

Tag	Description
<datalist>	Defines a list of options. This element is used in conjunction with the input element to define possible input values.
<keygen>	Specifies a key-pair generator field for forms.
<output>	Defines different types of outputs, such as script outputs.

New Semantic and Structural Elements

HTML5 introduces new elements for creating improved page structures:

Tag	Description
<article>	Defines a standalone content area within a page.
<aside>	Defines sidebar content for a page.
<bdi>	Allows you to set a piece of text that is isolated from the text direction settings of its parent element.
<command>	Defines command buttons, such as radio buttons, checkboxes, or buttons.
<details>	Used to describe details about a document or a section of a document.
<dialog>	Defines a dialog box, such as a prompt.
<summary>	This tag contains the title of a details element.
<figure>	Specifies independent flow content, such as images, charts, photos, code snippets, etc.
<figcaption>	Defines the title of a <figure> element.
<footer>	Defines the footer of a section or a document.
<header>	Defines the header area of a document.
<mark>	Defines text highlighted for reference.
<meter>	Defines measurements, suitable for metrics with known minimum and maximum values.
<nav>	Defines a section for navigation links.
<progress>	Defines the progress of any type of task.
<ruby>	Defines ruby annotations (Chinese phonetic notations or characters).
<rt>	Defines explanations or pronunciations of characters in a ruby annotation.
<rp>	Used within ruby annotations to define content displayed by browsers that don't support ruby elements.
<section>	Defines sections or segments within a document.
<time>	Defines dates or times.
<wbr>	Specifies where it's suitable to add line breaks in text.

Removed Elements

The following HTML 4.01 elements have been removed in HTML5:

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>