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)
相关推荐
tyro曹仓舒17 小时前
彻底讲透as const + keyof typeof
前端·typescript
蛋黄液17 小时前
【黑马程序员】后端Web基础--Maven基础和基础知识
前端·log4j·maven
睡不着的可乐17 小时前
uniapp 支付宝小程序 扩展组件 component 节点的class不生效
前端·微信小程序·支付宝
前端小书生17 小时前
React Router
前端·react.js
_大学牲17 小时前
Flutter Liquid Glass 🪟魔法指南:让你的界面闪耀光彩
前端·开源
Miss Stone17 小时前
css练习
前端·javascript·css
Nicholas6818 小时前
flutter视频播放器video_player_avfoundation之FVPVideoPlayer(二)
前端
文心快码BaiduComate18 小时前
一人即团队,SubAgent引爆开发者新范式
前端·后端·程序员
掘金一周18 小时前
2025年还有前端不会Nodejs ?| 掘金一周 9.25
android·前端·后端
Sailing18 小时前
前端拖拽,看似简单,其实处处是坑
前端·javascript·面试