Categories

← View All Tools

HTML Tags Reference

Complete reference guide for all standard HTML5 tags with categories and descriptions

Filter HTML tags by category

Filter tags by name (partial match supported)

Choose the output format

Key Facts

Category
Development
Input Types
select, text
Output Type
text
Sample Coverage
4
API Ready
Yes

Overview

The HTML Tags Reference is a comprehensive utility designed to help developers quickly look up standard HTML5 elements, their descriptions, and their specific functional categories.

When to Use

  • •When you need to verify the correct usage or purpose of a specific HTML5 tag during development.
  • •When you are looking for the right semantic element to improve your website's accessibility and structure.
  • •When you need to export a structured list of HTML tags for documentation or project reference purposes.

How It Works

  • •Select a specific category from the dropdown to filter tags by their functional group, such as semantic, form, or media elements.
  • •Use the search bar to find a specific tag by name if you already know what you are looking for.
  • •Choose your preferred output format, such as Plain Text, Markdown, or JSON, to retrieve the data in a format ready for your workflow.

Use Cases

Quickly identifying the correct semantic tag to replace generic div elements for better SEO.
Generating a clean Markdown list of form-related tags for team documentation.
Filtering for media-specific tags to ensure proper implementation of video and audio content.

Examples

1. Semantic Tag Lookup

Frontend Developer
Background
A developer is refactoring a legacy website and wants to replace non-semantic divs with proper HTML5 tags.
Problem
Unsure which semantic tags are available for layout structure.
How to Use
Select 'Semantic Tags' from the category filter and review the list of elements like <header>, <nav>, and <article>.
Outcome
The developer identifies the appropriate tags to improve the site's accessibility and search engine indexing.

2. Exporting Form Elements for Documentation

Technical Writer
Background
A technical writer is creating a developer guide for a new internal form-building library.
Problem
Needs a structured list of all standard HTML form tags to include in the documentation.
How to Use
Select 'Form Tags' from the category filter and set the output format to 'Markdown'.
Outcome
A ready-to-copy Markdown list of tags like <input>, <select>, and <textarea> is generated for the guide.

Try with Samples

html
HTML with Images Samples
HTML source code samples with images for testing extraction
title token html
sample
Web3.py Python Library
Web3.py Python library examples including blockchain interaction, smart contracts, wallet management, transactions, and decentralized application development
keywords web,development
sample
Mock Service Worker Samples
Comprehensive MSW (Mock Service Worker) examples for API mocking, GraphQL, WebSocket mocking, and advanced request handling patterns
keywords web,development
sample
Storybook Samples
Comprehensive Storybook examples for component development, testing, documentation, and design system management
keywords development,documentation
sample

Related Hubs

Html Convert Tools
Explore 11 html tools for convert workflows and compare closely related utilities quickly.

FAQ

Does this tool include deprecated HTML tags?

This reference focuses on current HTML5 standard tags to ensure modern development best practices.

Can I filter tags by multiple categories at once?

Currently, the tool supports filtering by one category at a time to provide precise results.

Is the output data suitable for programmatic use?

Yes, you can select the JSON output format to easily integrate the tag data into your own applications or scripts.

Are attributes included in the tag descriptions?

The tool provides descriptions of the tags themselves; for detailed attribute lists, please refer to official web documentation.

Is an internet connection required to use this reference?

The tool is designed to provide quick access to the reference database directly within your browser.

API Documentation

Request Endpoint

POST /en/api/tools/html-tags

Request Parameters

Parameter Name Type Required Description
category select No Filter HTML tags by category
search text No Filter tags by name (partial match supported)
format select No Choose the output format

Response Format

{
  "result": "Processed text content",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
Text: Text

AI MCP Documentation

Add this tool to your MCP server configuration: 

{
  "mcpServers": {
    "elysiatools-html-tags": {
      "name": "html-tags",
      "description": "Complete reference guide for all standard HTML5 tags with categories and descriptions",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=html-tags",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

You can chain multiple tools, e.g.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 tools.

If you encounter any issues, please contact us at [email protected]