📋 HTML 标签速查表
按分类列出所有常用HTML5标签。包括文档结构、文本格式、表单、表格、媒体、语义化标签。支持搜索。
📄 文档结构
| 标签 | 说明 | 示例 |
|---|---|---|
| <html> | 根元素 | <html lang="zh"> |
| <head> | 头部信息 | 包含meta、title |
| <body> | 主体内容 | 页面可见内容 |
| <meta> | 元数据 | <meta charset="UTF-8"> |
| <title> | 页面标题 | 浏览器标签页标题 |
| <link> | 外部资源 | <link rel="stylesheet" href="..."> |
| <script> | 脚本 | <script src="app.js"></script> |
| <style> | 内联样式 | 嵌入CSS |
📝 文本格式
| 标签 | 说明 | 示例 |
|---|---|---|
| <h1>-<h6> | 标题 | <h1>大标题</h1> |
| <p> | 段落 | <p>正文内容</p> |
| <span> | 行内容器 | 无语义的行内元素 |
| <div> | 块容器 | 无语义的块级元素 |
| <strong> | 重要(加粗) | <strong>重要文字</strong> |
| <em> | 强调(斜体) | <em>斜体文字</em> |
| <br> | 换行 | 单标签 |
| <hr> | 水平线 | 分割线 |
| <a> | 链接 | <a href="url">链接</a> |
| <code> | 代码 | 等宽字体显示代码 |
| <blockquote> | 引用块 | 长引用 |
| <ul>/<ol> | 无序/有序列表 | <ul><li>项目</li></ul> |
📝 表单
| 标签 | 说明 |
|---|---|
| <form> | 表单容器 |
| <input> | 输入框(text/password/email/radio/checkbox/file等) |
| <textarea> | 多行文本框 |
| <select>/<option> | 下拉选择框 |
| <button> | 按钮 |
| <label> | 输入框标签 |
| <fieldset> | 表单分组 |
📊 表格
| 标签 | 说明 |
|---|---|
| <table> | 表格容器 |
| <tr> | 行 |
| <td> | 单元格 |
| <th> | 表头单元格 |
| <thead>/<tbody>/<tfoot> | 表头/主体/页脚 |
| <caption> | 表格标题 |
🎬 媒体
| 标签 | 说明 |
|---|---|
| <img> | 图片 — <img src="..." alt="..."> |
| <video> | 视频 |
| <audio> | 音频 |
| <source> | 媒体源 |
| <canvas> | 画布(JS绘图) |
| <svg> | 矢量图形 |
🧩 语义化标签(HTML5)
| 标签 | 说明 |
|---|---|
| <header> | 页面/区块头部 |
| <nav> | 导航栏 |
| <main> | 主要内容 |
| <article> | 独立文章 |
| <section> | 内容区块 |
| <aside> | 侧边栏 |
| <footer> | 页脚 |
| <figure>/<figcaption> | 图示/图示标题 |
HTML5新增了哪些标签？
HTML5新增了语义化标签：header、nav、main、article、section、aside、footer。以及媒体标签：video、audio。还有canvas（画布）、svg（矢量图）。这些标签让页面结构更语义化，有利于SEO和无障碍访问。
