🔖 HTML 元素大全 — 按类别过滤

根据 HTML5 规范，目前共有 110+ 个标准HTML元素（不含废弃元素）。如果算上已废弃的元素（如 <font>、<center> 等），总数超过 120 个。本工具收录了这些元素并按类别整理，方便开发者查阅。HTML 元素数量会随着标准演进持续更新，HTML Living Standard 由 WHATWG 维护，是持续更新的"活标准"。

自闭合标签（又称空元素、void elements）是指不能包含任何子节点或文本内容的HTML标签。它们不需要闭合标签。HTML5 规范中定义的自闭合标签包括：<area>、<base>、<br>、<col>、<embed>、<hr>、<img>、<input>、<link>、<meta>、<param>、<source>、<track>、<wbr>。在HTML5中，自闭合标签末尾的斜杠（如 <br />）是可选的，但为了兼容XHTML或提升可读性，许多开发者仍保留斜杠写法。

HTML5 废弃了多个在早期版本中常用的元素，主要包括：<center>、<font>、<big>、<strike>、<tt>、<frame>、<frameset>、<noframes>、<acronym>、<applet>、<basefont>、<dir>、<isindex>、<listing>、<plaintext>、<xmp>、<marquee>、<blink> 等。

这些元素被废弃的原因包括：表现层功能应由CSS处理（如font、center）、存在更好的替代方案（如用<abbr>替代<acronym>）、安全性问题（如applet）、以及破坏文档结构（如plaintext）。虽然大多数浏览器仍向后兼容这些标签，但在新项目中应避免使用，以保证代码的可维护性和符合现代Web标准。

块级元素（Block-level elements）默认占据父容器的整个宽度，会在前后产生换行，可以设置宽高、margin和padding。常见块级元素：<div>、<p>、<h1>-<h6>、<section>、<article>、<header>、<footer>等。

行内元素（Inline elements）只占据内容所需的宽度，不会产生换行，宽高设置通常无效（除非设为inline-block或flex等）。常见行内元素：<span>、<a>、<strong>、<em>、<code>等。

注意：HTML5 规范不再严格使用"块级/行内"的分类方式，而是采用更复杂的内容模型（Content Model），如流内容、短语内容、标题内容等。

HTML5 引入了大量语义化元素来改善文档结构：<header>、<footer>、<main>、<nav>、<aside>、<article>、<section>、<figure>、<figcaption>、<time>、<mark>、<details>、<summary>、<dialog>、<progress>、<meter>、<datalist>、<output>、<picture>、<template> 等。这些元素让搜索引擎和辅助技术（如屏幕阅读器）更好地理解页面结构，有助于SEO和无障碍访问。

严格来说有区别：HTML标签（Tag）是指尖括号包裹的标记本身，如 <p>；而HTML元素（Element）通常指从开始标签到结束标签的完整结构，包括标签、属性和内容，如 <p class="intro">Hello</p>。在日常交流中两者经常混用，但在技术文档中需要注意区分。对于自闭合标签，标签和元素的概念基本重合。

本工具提供三种方式查找HTML元素：① 点击分类按钮按功能类别浏览；② 使用搜索框输入标签名或关键词实时过滤；③ 键盘快捷键按 / 键快速聚焦搜索框。找到需要的元素后，点击卡片即可复制标签名到剪贴板，粘贴到代码编辑器中使用。紫色左边框标记自闭合标签，红色左边框标记已废弃元素，帮助开发者快速识别。