HTML5 - New Tags Last Updated : 04 Jul, 2025 Summarize Comments Improve Suggest changes Share Like Article Like Report As we know, HTML5 is the latest and most advanced version of HTML (HyperText Markup Language), designed to improve the way web content is structured and presented. It introduces a wide range of new elements—nearly 90% of which are now supported by all major modern browsers—making web development more powerful, efficient, and semantic.These newly introduced tags span across various aspects of web design and functionality, including layout structure, graphics (like <canvas> and <svg>), media playback (<audio>, <video>and enhanced form controls. They help developers write cleaner, more meaningful code, improve user experience, and enhance compatibility across platforms and devices. List of all elements introduced in HTML5HTML TagDescription<article>Represents an independent article with content separate from the rest of the site.<aside>Describes content related to the main object of the web page, but not its main intent.<audio>Used to insert audio into an HTML webpage.<canvas>Used to draw graphics on a web page using JavaScript.<command>Defines a command button for special operations (supported only by Internet Explorer).<datalist>Provides an autocomplete feature for input elements.<details>Used for initially hidden content that can be displayed interactively.<embed>Embeds external multimedia content like audio or video into an HTML document.<figure>Adds self-contained content like illustrations, diagrams, or photos.<footer>Defines a footer containing information like author details and copyright.<header>Contains information related to the title and heading of the content.<hgroup>Groups heading elements (h1-h6) to provide structured heading information.<keygen>Specifies a key-pair generator field in a form for secure user authentication.<mark>Defines marked text to highlight a part of the paragraph.<meter>Defines a scale for measurement with a well-defined range, used as a gauge.<nav>Declares the navigational section of HTML documents.<output>Represents the result of a client-side script calculation.<progress>Represents the progress of a task or download.<ruby>Specifies ruby annotations used in Japanese publications.<section>Defines a section of documents, dividing content into sections and subsections.<time>Displays human-readable date/time and encodes dates/times in a machine-readable form.<wbr>Defines a word break opportunity, used for line breaks in long words.<video>Embeds video content such as movie clips in a document.HTML5 Form TagsHTML TagDescription<datalist>Represents a predefined list for input options.<output>Used as a container to display calculation results or user action outcomes.Graphics TagsHTML TagDescription<canvas> Allows drawing graphics and animations with scripting.<svg> Used for scalable vector graphics.HTML5 Media TagsHTML TagDescription<audio>Defines sound content.<embed>Defines a container for external media or files.<source>Specifies multiple media resources for media elements.<track>Defines text tracks for audio and video files.<video>Defines video content within an HTML document.HTML5 New <input> TypesTypeDescriptioncolorRepresents an input field for selecting a color.dateRepresents an input field for selecting a date.datetimeRepresents a display of full date and time with time zone information.datetime-localRepresents date and time without time zone information.emailRepresents an input field with email pattern validation.monthRepresents an input field to enter a month for a specific year.numberRepresents a field that selects a numeric value only.rangeRepresents a numeric value selector within a specified range.searchRepresents a search field.telRepresents a control to enter a telephone number.timeRepresents a control to enter a time value without time zone.urlRepresents an input field to enter a URL.weekRepresents a selector for a week value in a specific year. Comment More infoAdvertise with us Next Article HTML5 - New Tags M manaschhabra2 Follow Improve Article Tags : HTML HTML5 HTML-Tags HTML-Questions Similar Reads HTML Phrase Tag Phrase Tag: In HTML, a phrase tag is used to indicate the structural meaning of a block of text. For example, abbr tag indicates that the phrase contains the abbreviation word. Some examples of phrase tags are abbr, strong, mark, . . . etc.Emphasized Text: The em tag is used to emphasize the text an 4 min read HTML IMG Tag The HTML <img> tag is used to embed images in a web page. It is an empty or self-closing tag, meaning it doesn’t have a closing tag. It allows to display images from various sources, such as files on a website or URLs from other websites.index.html<html> <head></head> <bod 3 min read HTML u Tag The HTML <u> tag is traditionally used to underline text. It signifies text that should appear distinct from the surrounding content, such as misspelled words or specific names in various languages. However, in contemporary web design, it is mainly used for stylistic purposes to draw attention 2 min read HTML br Tag The <br> tag in HTML is used to create a line break in the text, causing the content that follows it to appear on a new line. Note: It is a self-closing tag, meaning it does not need a separate closing tag.HTML<!DOCTYPE html> <html> <body> <p>Dear Reader, <br>This 2 min read HTML hr Tag The <hr> tag in HTML is used to create a horizontal rule or line that visually separates content.It is a self-closing tag and does not require an end tag. It supports both Global Attributes and Event Attributes.Syntax:Some Content.. <hr> Some Content..HTML<!DOCTYPE html> <html 2 min read Like