HTML 标签速查

HTML5 标签快速参考 · 用法示例 · 浏览器支持 · 本地检索

全部33 个标签
<html>
HTML 文档根元素
<head>
文档元数据容器
<body>
文档主体内容
<div>
通用容器
<span>
行内容器
<h1 - h6>
标题元素
<p>
段落
<a>
锚点/链接
<br>
换行
<strong>
重要文本
<em>
强调文本
<code>
代码片段
<img>
图片
<link>
外部资源链接
<form>
表单容器
<input>
输入控件
<textarea>
多行文本输入
<button>
按钮
<select>
选项列表
<header>HTML5
页头/节头
<nav>HTML5
导航链接
<main>HTML5
主要内容
<article>HTML5
独立内容
<section>HTML5
文档章节
<aside>HTML5
侧边内容
<footer>HTML5
页脚/节脚
<table>
表格容器
<tr>
表格行
<td>
表格单元格
<video>HTML5
视频播放器
<audio>HTML5
音频播放器
<canvas>HTML5
脚本绘图画布
<iframe>
内嵌框架
标签详情

<html>

HTML4/5块级元素

HTML 文档的根元素，所有其他元素都必须是它的后代。

常用属性

属性说明示例值
lang*文档语言lang="zh-CN"
dir文本方向dir="ltr" | "rtl"

代码示例

<!DOCTYPE html>
<html lang="zh-CN">
  <head>...</head>
  <body>...</body>
</html>

浏览器支持

Chrome所有版本
Firefox所有版本
Safari所有版本
IE所有版本

注意事项

  • lang 属性有助于搜索引擎和屏幕阅读器

HTML 标签速查

HTML 标签速查工具收录 HTML4/5 全部标签，包括基础结构、文本内容、链接媒体、表单、表格、语义化标签（header/nav/main/article 等）、嵌入内容、元信息等。

功能特点

  • 标签完整：覆盖 HTML4/5 全部标准标签
  • HTML5 标识：清晰标注 HTML5 新增标签
  • 浏览器支持：标注各标签的浏览器兼容性
  • 属性列表：常用属性及其说明
  • 代码示例：可复制的示例代码

标签分类

基础结构

html、head、body、div、span —— 文档结构、通用容器

文本内容

h1-h6、p、a、br、strong、em、code —— 标题、段落、链接、文本格式

链接媒体

img、link、audio、video、canvas、iframe —— 图片、音视频、嵌入内容

表单

form、input、textarea、button、select、option —— 表单控件

表格

table、tr、td、th、thead、tbody、tfoot —— 表格结构

语义化（HTML5）

header、nav、main、article、section、aside、footer —— 语义化结构

元信息

title、meta、base —— 文档元数据

使用场景

  • 前端开发：快速查找标签用法
  • HTML5 学习：了解语义化标签的使用
  • 面试准备：掌握标签的语义和适用场景
  • 代码重构：将 div 替换为合适的语义化标签

最佳实践

  • 优先使用语义化标签而非 div/span
  • 图片必须添加 alt 属性
  • 表单元素使用 label 关联
  • 正确嵌套标签，保持文档大纲清晰