HTML元素
2025年3月2日大约 5 分钟
HTML元素参考
HTML元素是构建网页的基本组成部分。本文档提供了HTML标准元素的详细参考信息。
主要元素分类
文档结构
| 元素 | 描述 | 参考链接 |
|---|---|---|
<html> | HTML文档的根元素 | MDN文档 |
<head> | 包含文档元数据的容器 | MDN文档 |
<body> | 包含文档内容的容器 | MDN文档 |
<title> | 定义文档的标题 | MDN文档 |
内容分区
| 元素 | 描述 | 参考链接 |
|---|---|---|
<header> | 页面或区块的页眉 | MDN文档 |
<nav> | 导航链接的容器 | MDN文档 |
<main> | 文档的主要内容 | MDN文档 |
<section> | 文档中的独立部分 | MDN文档 |
<article> | 独立的自包含内容 | MDN文档 |
<aside> | 与主内容相关的辅助内容 | MDN文档 |
<footer> | 页面或区块的页脚 | MDN文档 |
<h1>-<h6> | 六级标题元素 | MDN文档 |
文本内容
| 元素 | 描述 | 参考链接 |
|---|---|---|
<div> | 通用内容容器 | MDN文档 |
<p> | 段落 | MDN文档 |
<ol> | 有序列表 | MDN文档 |
<ul> | 无序列表 | MDN文档 |
<li> | 列表项 | MDN文档 |
<dl> | 定义列表 | MDN文档 |
<dt> | 定义列表中的术语 | MDN文档 |
<dd> | 定义列表中的描述 | MDN文档 |
<blockquote> | 引用块 | MDN文档 |
<pre> | 预格式化文本 | MDN文档 |
内联文本语义
| 元素 | 描述 | 参考链接 |
|---|---|---|
<a> | 超链接 | MDN文档 |
<span> | 内联通用容器 | MDN文档 |
<em> | 强调文本 | MDN文档 |
<strong> | 重要文本 | MDN文档 |
<code> | 代码文本 | MDN文档 |
<i> | 斜体文本 | MDN文档 |
<b> | 粗体文本 | MDN文档 |
<mark> | 标记文本 | MDN文档 |
<small> | 小号文本 | MDN文档 |
<sub> | 下标文本 | MDN文档 |
<sup> | 上标文本 | MDN文档 |
图片和多媒体
| 元素 | 描述 | 参考链接 |
|---|---|---|
<img> | 图像 | MDN文档 |
<audio> | 音频内容 | MDN文档 |
<video> | 视频内容 | MDN文档 |
<source> | 媒体资源 | MDN文档 |
<track> | 媒体文本轨道 | MDN文档 |
<picture> | 响应式图片容器 | MDN文档 |
表格内容
| 元素 | 描述 | 参考链接 |
|---|---|---|
<table> | 表格 | MDN文档 |
<caption> | 表格标题 | MDN文档 |
<thead> | 表格头部 | MDN文档 |
<tbody> | 表格主体 | MDN文档 |
<tfoot> | 表格页脚 | MDN文档 |
<tr> | 表格行 | MDN文档 |
<th> | 表头单元格 | MDN文档 |
<td> | 数据单元格 | MDN文档 |
<col> | 表格列 | MDN文档 |
<colgroup> | 表格列组 | MDN文档 |
表单
| 元素 | 描述 | 参考链接 |
|---|---|---|
<form> | 表单 | MDN文档 |
<input> | 输入控件 | MDN文档 |
<button> | 按钮 | MDN文档 |
<select> | 下拉选择框 | MDN文档 |
<option> | 选择项 | MDN文档 |
<optgroup> | 选择项分组 | MDN文档 |
<textarea> | 多行文本输入 | MDN文档 |
<label> | 表单控件标签 | MDN文档 |
<fieldset> | 表单控件分组 | MDN文档 |
<legend> | 表单分组标题 | MDN文档 |
<datalist> | 预定义选项列表 | MDN文档 |
<output> | 计算结果输出 | MDN文档 |
<progress> | 进度指示器 | MDN文档 |
<meter> | 度量衡指示器 | MDN文档 |
交互元素
| 元素 | 描述 | 参考链接 |
|---|---|---|
<details> | 可展开的详细信息 | MDN文档 |
<summary> | 详细信息的标题 | MDN文档 |
<dialog> | 对话框 | MDN文档 |
嵌入内容
| 元素 | 描述 | 参考链接 |
|---|---|---|
<iframe> | 内联框架 | MDN文档 |
<embed> | 嵌入外部内容 | MDN文档 |
<object> | 嵌入对象 | MDN文档 |
<param> | 对象参数 | MDN文档 |
<canvas> | 图形绘制区域 | MDN文档 |
脚本
| 元素 | 描述 | 参考链接 |
|---|---|---|
<script> | 脚本 | MDN文档 |
<noscript> | 不支持脚本时的替代内容 | MDN文档 |
<template> | 用于保存客户端内容的模板 | MDN文档 |
<slot> | Web组件中的占位符 | MDN文档 |
其他元素
| 元素 | 描述 | 参考链接 |
|---|---|---|
<hr> | 水平分割线 | MDN文档 |
<br> | 换行 | MDN文档 |
<wbr> | 可选的换行点 | MDN文档 |
<meta> | 元数据 | MDN文档 |
<link> | 外部资源链接 | MDN文档 |
<style> | 样式信息 | MDN文档 |
<ruby> | 注音标记 | MDN文档 |
<rt> | 注音文本 | MDN文档 |
<rp> | 注音括号 | MDN文档 |
<time> | 日期/时间 | MDN文档 |
<data> | 机器可读数据 | MDN文档 |
<map> | 图像映射 | MDN文档 |
<search> | 搜索区域 | MDN文档 |
注意事项
- 某些元素可能在不同浏览器中的支持程度不同
- 建议参考MDN文档了解每个元素的具体用法和兼容性信息
- 使用元素时应遵循HTML语义化原则
- 某些旧的HTML元素已被废弃，建议使用新的替代方案
相关资源