HTML Tags Reference
All HTML5 tags with descriptions and categories
HTML Tags Reference is a free online tool from BrowserUtils that all html5 tags with descriptions and categories. It runs entirely in your browser — your data never leaves your device. No account required.
<!DOCTYPE>Defines document type (HTML5)
<html>Root element of an HTML page
<head>Contains metadata and links
<body>Contains the visible page content
<title>Sets the page title (shown in browser tab)
<meta>Defines metadata (charset, viewport, description)
<link>Links external resources (CSS, icons)
<style>Embeds CSS styles
<script>Embeds or links JavaScript
<noscript>Fallback content when JS is disabled
<base>Sets base URL for relative links
<header>Header for a section or page
<nav>Navigation links section
<main>Main content of the document (one per page)
<article>Self-contained content (blog post, news article)
<section>Thematic grouping of content
<aside>Sidebar or tangentially related content
<footer>Footer for a section or page
<address>Contact information for the author
<hgroup>Groups heading elements
<search>Contains search-related controls
<h1>–<h6>Heading levels 1 (largest) to 6 (smallest)
<p>Paragraph of text
<div>Generic container (block-level)
<span>Generic inline container
<br>Line break
<hr>Thematic break / horizontal rule
<pre>Preformatted text (preserves whitespace)
<blockquote>Block quotation
<ol>Ordered (numbered) list
<ul>Unordered (bulleted) list
<li>List item
<dl>Description list
<dt>Description term
<dd>Description details
<figure>Self-contained content with optional caption
<figcaption>Caption for a <figure>
<a>Hyperlink
<strong>Strong importance (bold)
<em>Emphasis (italic)
<b>Bring attention (bold without importance)
<i>Idiomatic text (italic without emphasis)
<u>Unarticulated annotation (underline)
<s>Strikethrough (no longer relevant)
<mark>Highlighted / marked text
<small>Side comments, fine print
<sub>Subscript text
<sup>Superscript text
<code>Inline code fragment
<kbd>Keyboard input
<samp>Sample output
<var>Variable in code/math
<abbr>Abbreviation (with title tooltip)
<cite>Citation / title of a work
<q>Inline quotation
<time>Date/time value
<data>Machine-readable value
<wbr>Word break opportunity
<ruby>Ruby annotation (for East Asian text)
<rt>Ruby text component
<rp>Ruby fallback parenthesis
<bdi>Bi-directional isolation
<bdo>Bi-directional override
<form>Form container
<input>Input field (text, checkbox, radio, etc.)
<textarea>Multi-line text input
<select>Dropdown select box
<option>Option in a <select> or <datalist>
<optgroup>Group of <option> elements
<button>Clickable button
<label>Label for a form element
<fieldset>Groups related form elements
<legend>Caption for a <fieldset>
<datalist>Predefined options for <input>
<output>Result of a calculation
<progress>Progress indicator
<meter>Scalar measurement within a range
<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>Table caption
<colgroup>Group of table columns
<col>Column properties
<img>Image
<picture>Container for responsive images
<source>Media source for <picture>, <video>, <audio>
<video>Video player
<audio>Audio player
<track>Subtitles/captions for <video>/<audio>
<iframe>Inline frame (embeds another page)
<embed>Embeds external content (plugins)
<object>Embeds external resource
<param>Parameter for <object>
<canvas>Drawing surface for JavaScript graphics
<svg>Container for SVG graphics
<map>Image map
<area>Clickable area in an image map
<details>Disclosure widget (expand/collapse)
<summary>Summary/label for <details>
<dialog>Dialog box / modal
<menu>Menu of commands
<template>Inert HTML template (not rendered)
<slot>Placeholder in web component
How to use HTML Tags Reference
- 1 Paste or type your input into the editor above.
- 2 The tool processes your data instantly — right in your browser, with nothing sent to a server.
- 3 Copy the result with one click or continue editing your input.
About HTML Tags Reference
Free online HTML5 tags reference. Browse all HTML5 elements organized by category with descriptions, usage notes, and examples. This tool runs entirely in your browser — your data is never sent to a server. Just paste your input, get instant results, and copy with one click. No sign-up or installation required.
HTML Tags Reference specs
- Runtime
- 100% client-side (browser)
- Cost
- Free — no account, no rate limits, no usage caps
- Browser support
- Chrome 90+, Firefox 88+, Safari 14+, Edge 90+
- Part of
- 299 developer tools on BrowserUtils (100% client-side)
Questions
How many HTML5 tags are there?
HTML5 defines over 110 elements. These include structural elements (div, section, article), text elements (p, h1-h6, span), form elements (input, select, textarea), media elements (img, video, audio), and more.
What are semantic HTML elements?
Semantic elements clearly describe their meaning to both the browser and developer. Examples include <header>, <nav>, <main>, <article>, <section>, <aside>, and <footer>. They improve accessibility and SEO compared to generic <div> elements.
Which HTML tags are deprecated in HTML5?
Deprecated tags include <font>, <center>, <marquee>, <big>, <strike>, and <frame>. Their functionality has been replaced by CSS for styling and modern layout techniques for structure.
What is the difference between <div> and <section> in HTML5?
<div> is a generic container with no semantic meaning. <section> represents a thematic grouping of content and should generally include a heading. Use <section> when the content forms a distinct part of the document.
How do I look up an HTML tag on this page?
Browse by category or use the search field to find any HTML element by name. Each entry includes a description, common attributes, and whether the element is block or inline.
Comments
Related tools
More Developer Reference
ASCII TableHTML Entities ReferenceRegex CheatsheetCSS Selectors ReferenceHTML Color NamesKeyboard KeycodesUnicode TableCSS Units Reference
View all Developer Reference tools
Comments