HTML 标签

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)
相关推荐
烟雨迷2 小时前
web自动化测试(selenium)
运维·开发语言·前端·python·selenium·测试工具
wow_DG2 小时前
【Vue2 ✨】Vue2 入门之旅(九):Vue Router 入门
前端·javascript·vue.js
OpenTiny社区3 小时前
“AI 乱炖等于没 AI?”这些AI知识图谱教你秒锁正确场景
前端·开源·agent
维维酱4 小时前
useMemo 实现原理
前端·react.js
夕水4 小时前
原生js实现常规ui组件之checkbox篇
前端·javascript
编程二级爱好者4 小时前
2025年9月计算机二级Web程序设计——选择题打卡Day5
前端·计算机二级
Tanjc5184 小时前
uniapp H5预览图片组件
前端·vue.js·uni-app
ᥬ 小月亮4 小时前
uniapp中输入金额的过滤(只允许输入数字和小数点)
前端·css·uni-app
共享ui设计和前端开发5 小时前
UI前端大数据可视化实战策略:如何设计符合用户认知的数据可视化界面?
前端·ui·信息可视化