1.Content Structuring and Layout
<div>
- Division or container for grouping elements.<section>
- Thematic grouping of content.<header>
- Introductory content or navigation for a section.<footer>
- Footer for a document or section.<article>
- Self-contained content, like a blog post.<main>
- Main content of the document.<aside>
- Tangentially related content, such as a sidebar.<hgroup>
- Grouping of headings.<address>
- Contact information (also fits under Miscellaneous).
2.Text Formatting and Semanti css
<p>
- Paragraph text.<strong>
- Important text, typically bold.<em>
- Emphasized text, typically italic.<span>
- Inline grouping of text for styling.<mark>
- Highlighted text.<b>
- Bold text without importance.<i>
- Italic text without emphasis.<small>
- Smaller, less important text.<abbr>
- Abbreviation with a tooltip.<cite>
- Cited creative work.<q>
- Inline quotation.<blockquote>
- Block-level quotation.<code>
- Inline code snippet.<pre>
- Preformatted text, maintaining whitespace.<dfn>
- Definition term.<kbd>
- Keyboard input.<samp>
- Sample output.<var>
- Variable in programming or mathematics.<bdi>
- Isolated bidirectional text.<bdo>
- Overrides text directionality.<u>
- Underlined text.<s>
- Strikethrough text.<wbr>
- Word break opportunity.<br>
- Line break.<hr>
- Thematic break (horizontal rule).
3.Navigation and Links
<a>
- Hyperlink.<nav>
- Navigation links.<map>
- Image map for clickable areas.<area>
- Defines a clickable region inside <map>
.
4.Forms
<form>
- Form for user input.<input>
- Input control.<textarea>
- Multi-line text field.<button>
- Clickable button.<select>
- Dropdown menu.<option>
- Option within a dropdown.<optgroup>
- Grouping of options.<label>
- Label for a form element.<fieldset>
- Grouping of form controls.<legend>
- Caption for a <fieldset>
.<datalist>
- List of predefined input options.<output>
- Output element for calculation results.<progress>
- Progress bar.<meter>
- Measurement within a known range.
5.input
<input type="color">
- Color picker input.<input type="date">
- Date input field.<input type="datetime-local">
- Local date-time input.<input type="email">
- Email input.<input type="file">
- File upload input.<input type="number">
- Numeric input.<input type="password">
- Password field.<input type="range">
- Slider control.<input type="search">
- Search field.<input type="tel">
- Telephone number input.<input type="time">
- Time input.<input type="url">
- URL input.
6.Tables
<table>
- Table container.<thead>
- Table header group.<tbody>
- Table body group.<tfoot>
- Table footer group.<tr>
- Table row.<th>
- Table header cell.<td>
- Table data cell.<caption>
- Caption for a table.<colgroup>
- Grouping of columns.<col>
- Column properties.<scope>
- Defines the scope of <th>
cells (row, col, etc.).
7.Multimedia
<img>
- Image.<video>
- Video player.<audio>
- Audio player.<source>
- Media source for <audio>
or <video>
.<track>
- Text tracks for media.<canvas>
- Graphics drawing surface.<svg>
- Scalable vector graphics.<figure>
- Group of media with a caption.<figcaption>
- Caption for <figure>
.<embed>
- Embeds external content (e.g., Flash, PDFs).<object>
- Generic embedded content container.<param>
- Parameters for <object>
.
8.Metadata and Scripting
<html>
- Root of an HTML document.<head>
- Document metadata container.<title>
- Document title in the browser.<meta>
- Metadata about the document.<link>
- External resource reference.<style>
- Inline CSS rules.<script>
- JavaScript or other scripting.<noscript>
- Fallback content for no JavaScript.<base>
- Base URL for relative links.<isindex>
- (Deprecated) Defines a single-line search field.
9.Interactive Elements
<details>
- Expandable content.<summary>
- Summary of <details>
.<dialog>
- Dialog box or modal.<menu>
- List of commands or context menu.<menuitem>
- Item in a <menu>
.
10.Miscellaneous
<address>
- Contact information.<time>
- Specific point in time.<data>
- Machine-readable data.<ruby>
- Ruby annotation for East Asian typography.<rt>
- Ruby text.<rp>
- Parenthesis for unsupported ruby text.<slot>
- Placeholder for light DOM content.<template>
- Template content for client-side rendering.<plaintext>
- (Obsolete) Renders everything as plain text.<xmp>
- (Obsolete) Used for preformatted text.