Html5 new tags
HTML5 introduces several new semantic elements that provide better structure and meaning to web pages. Here are some of the new HTML5 tags:
Sectioning Elements
<header>
: defines the header section of a document or section<footer>
: defines the footer section of a document or section<nav>
: defines a section of navigation links<main>
: defines the main content section of a document<section>
: defines a self-contained section of related content<article>
: defines an independent piece of content, such as a blog post or news article<aside>
: defines a piece of content that is related to the main content, but not essential to it<hgroup>
: defines a group of headings (h1-h6)
Content Elements
<figure>
: defines a figure, such as an image or diagram, with a caption<figcaption>
: defines the caption for a figure<video>
: defines a video player<audio>
: defines an audio player<canvas>
: defines a canvas element for dynamic graphics<svg>
: defines a Scalable Vector Graphics (SVG) element<map>
: defines a client-side image map<mark>
: defines marked text, such as highlighted text
Semantic Elements
<time>
: defines a date and time<date>
: defines a date<tel>
: defines a telephone number<fax>
: defines a fax number<email>
: defines an email address<url>
: defines a URL<address>
: defines an address<menu>
: defines a menu
Other Elements
<datagrid>
: defines a data grid<details>
: defines a details element, which can be used to provide additional information<summary>
: defines a summary element, which is used to provide a brief summary of the details element<progress>
: defines a progress bar<meter>
: defines a meter element, which can be used to measure progress or display a value
These new HTML5 tags provide a more semantic way of structuring content, which can improve the accessibility and search engine optimization (SEO) of web pages.