HTML 标签分类详解
文档结构标签
标签 | 说明 |
---|---|
<html> |
HTML 文档的根元素 |
<head> |
包含元数据,如标题、样式、脚本 |
<title> |
网页标题,显示在浏览器标签上 |
<body> |
网页的主要内容区域 |
页面分区标签
标签 | 说明 |
---|---|
<header> |
页面或区块的头部 |
<footer> |
页脚,常用于版权信息 |
<main> |
页面主要内容 |
<section> |
内容区块,通常有标题 |
<article> |
独立内容,如博客文章 |
<aside> |
侧边栏或附加信息 |
<nav> |
导航链接区域 |
文本内容标签
标签 | 说明 |
---|---|
<h1> ~<h6> |
标题,h1 最大,h6 最小 |
<p> |
段落 |
<br> |
换行 |
<hr> |
水平分隔线 |
<blockquote> |
引用块 |
<pre> |
预格式文本,保留空格和换行 |
<strong> |
强调(加粗) |
<em> |
语义强调(斜体) |
<small> |
小号文本 |
<mark> |
高亮文本 |
<code> |
代码片段 |
<span> |
行内容器,无语义,用于样式化 |
<div> |
块级容器,无语义,用于布局 |
列表标签
标签 | 说明 |
---|---|
<ul> |
无序列表 |
<ol> |
有序列表 |
<li> |
列表项 |
<dl> |
描述列表 |
<dt> |
描述项标题 |
<dd> |
描述项内容 |
媒体标签
标签 | 说明 |
---|---|
<img> |
图片 |
<audio> |
音频 |
<video> |
视频 |
<source> |
媒体资源 |
<picture> |
响应式图片容器 |
<canvas> |
绘图区域(需 JS) |
<svg> |
矢量图形容器 |
表单标签
标签 | 说明 |
---|---|
<form> |
表单容器 |
<input> |
输入框 |
<textarea> |
多行文本框 |
<button> |
按钮 |
<select> |
下拉菜单 |
<option> |
下拉选项 |
<label> |
表单标签 |
<fieldset> |
表单分组 |
<legend> |
分组标题 |
链接与交互标签
标签 | 说明 |
---|---|
<a> |
超链接 |
<details> |
可展开内容 |
<summary> |
展开内容的标题 |
<dialog> |
对话框(HTML5) |