| Category |
Tag |
Description |
| Structural Tags |
<header> |
Defines the header section, often containing introductory content or navigation links. |
| <footer> |
Defines the footer for a document or section, commonly containing author info, copyright, etc. |
| <section> |
Represents a section of content grouped thematically, often with a heading. |
| <article> |
Represents a self-contained piece of content, like a blog post or news article. |
| <nav> |
Defines a navigation section with links, such as menus. |
| <aside> |
Represents content related to the main content, often as a sidebar. |
| <main> |
Specifies the main content of a document, unique to the document. |
| <figure> |
Encapsulates media (images, diagrams, etc.) along with captions. |
| <figcaption> |
Provides a caption for content within <figure>. |
| <time> |
Represents a specific time or date. |
| Multimedia Tags |
<audio> |
Embeds audio content, with support for formats like MP3 and OGG. |
| <video> |
Embeds video content, supporting formats like MP4 and WebM. |
| <source> |
Specifies multiple media resources for <audio> and <video> elements. |
| <embed> |
Embeds external content or applications, such as videos or interactive content. |
| <track> |
Specifies text tracks for <video> and <audio>, like captions or subtitles. |
| <canvas> |
Creates a drawing surface for graphics, often manipulated by JavaScript. |
| <svg> |
Embeds Scalable Vector Graphics (SVG) for creating shapes, paths, etc. |
| Form Tags |
<form> |
Contains and organizes form elements for user input. |
| <input> |
Creates various types of input fields, such as text, email, or date. |
| <textarea> |
Creates a multi-line text input field. |
| <button> |
Defines a clickable button. |
| <select> |
Creates a dropdown list for options. |
| <datalist> |
Provides predefined options for <input> fields, as suggestions. |
| <output> |
Displays the result of a calculation or script, often in forms. |
| Semantic Tags |
<details> |
Creates a disclosure widget that users can open and close for more information. |
| <summary> |
Defines a summary or caption for <details>, which is always visible and acts as a toggle. |
| <progress> |
Displays a progress bar, often for task completion. |
| <meter> |
Represents a scalar measurement or fractional value within a range. |
| <template> |
Holds client-side content not rendered at load, for later use with JavaScript. |
| <dialog> |
Represents a dialog box or interactive component, like a popup or alert. |
| Scripting Tags |
<script> |
Embeds JavaScript code or references external scripts for dynamic functionality. |
| <noscript> |
Provides fallback content when JavaScript is unsupported or disabled in the browser. |
