| 页头 |
| <!DOCTYPE> |
声明文档类型,是 HTML 还是 XHTML |
| head |
定义网页的元数据,包括标题、样式表、脚本等 |
| title |
定义网页的标题,显示在浏览器地址栏 |
| meta |
提供文档的元数据,比如字符编码、关键词、页面描述等 |
| script |
引用 JavaScript 代码 |
| style |
引用 CSS 代码 |
| link |
引用外部样式表 |
| base |
指定页面所有相对 URL 的基准 URL |
| 正文 |
| body |
定义网页的主体内容,包括所有可见内容 |
| h1~h6 |
定义标题,h1 为最高级标题,h6 为最低级标题 |
| p |
定义段落 |
| hr |
定义水平线 |
| a |
定义超链接 |
| sup |
定义上标文本 |
| sub |
定义下标文本 |
| br |
定义换行符 |
| wbr |
提供一个可选的换行机会,用于长单词或 URL 的断行 |
| 列表 |
| ol |
定义有序列表,列表项会默认显示序号 |
| ul |
定义无序列表,列表项通常显示为项目符号 |
| menu |
定义菜单列表,外观与无序列表相似 |
| li |
定义列表项,用于 ol 或 ul 中 |
| dl |
定义描述列表,用于包含术语及其描述 |
| dt |
定义描述列表中的术语(标题) |
| dd |
定义描述列表中的描述(内容) |
| 图片 |
| img |
定义图像 |
| figure |
用于包括图片及标题 |
| figcaption |
用于为 figure 的内容提供说明 |
| map |
定义图像映射,将图像的特定区域与超链接关联 |
| area |
用于在 map 中定义图像映射的可点击区域 |
| 表格 |
| table |
定义表格 |
| tr |
定义表格的 “一行” |
| th |
定义表格的 “表头单元格” |
| td |
定义表格的 “标准单元格” |
| caption |
定义表格的 “标题” |
| thead |
定义表格的 “表头部分” |
| tbody |
定义表格的 “主体部分” |
| tfoot |
定义表格的 “页脚部分” |
| colgroup |
定义表格中一组列的样式 |
| col |
定义表格中单列的样式 |
| 表单 |
| form |
定义表单 |
| input |
定义创建各种类型的输入控件 |
| textarea |
定义多行文本框 |
| button |
定义按钮 |
| select |
定义下拉菜单 |
| datalist |
定义数据列表(或称 “选项列表”) |
| option |
定义下拉菜单(select)或数据列表(datalist)中的单个选项 |
| optgroup |
用于对下拉菜单(select)选项进行分组,方便用户浏览 |
| fieldset |
用于对表单中的相关控件进行分组,通常与 legend 一起使用 |
| legend |
为 fieldset 分组提供标题或说明 |
| output |
用于显示计算结果、或表单处理的输出内容 |
| label |
用于为表单控件提供文本标签,提升可访问性和用户体验 |
| search |
用于创建搜索输入框,通常具有特定的语义和样式 |
| 媒体图形 |
| canvas |
用于绘制位图 |
| svg |
用于绘制矢量图形 |
| video |
用于嵌入和播放视频内容 |
| audio |
用于嵌入和播放音频内容 |
| picture |
用于根据设备特性(如屏幕尺寸、分辨率)提供多种图像资源 |
| source |
用于为 video、audio 或 picture 提供媒体资源的多格式支持 |
| track |
用于为 video 或 audio 添加字幕、描述或章节等文本轨道 |
| 结构语义 |
| header |
定义页面头部、文章头部(即 article)、区块头部(即 section) |
| nav |
定义网页中的导航链接,比如顶部导航、侧栏导航、分页导航 |
| main |
定义网页的主体内容 |
| article |
定义独立的内容块,比如博客文章、新闻报道、论坛帖子等 |
| aside |
定义网页的侧边栏内容,通常包含与正文相关但并非核心内容的信息 |
| section |
定义网页中的内容区块 |
| footer |
定义页面底部或文章底部 |
| hgroup |
用于将一组标题(h1~h6)及其相关内容组合在一起 |
| 其他语义 |
| strong |
用于强调文本的重要性,以粗体显示 |
| em |
用于强调文本的语气,以斜体显示 |
| mark |
用于高亮文本 |
| blockquote |
用于引用长段外部内容,通常带有缩进 |
| q |
用于引用短句或短语,通常加上引号 |
| cite |
用于标记作品标题或引用来源 |
| abbr |
定义缩写词,并可提供完整解释 |
| dfn |
定义术语,标记术语的定义 |
| del |
表示文档中已删除的文本,通常带有删除线 |
| ins |
表示插入到文档中的文本,通常带有下划线 |
| address |
用于提供联系信息,如电子邮件地址或实际地址 |
| time |
用于显示日期和时间 |
| small |
用于显示小型文本 |
| pre |
用于保留文本中的空格和换行格式,适合展示代码或其他预格式化文本 |
| code |
用于显示代码片段 |
| var |
用于显示变量,在技术文档中尤为常见 |
| samp |
用于显示程序输出的样本文本 |
| kbd |
用于显示用户应输入的键盘命令 |
| 功能性 |
| iframe |
用于在当前页面中嵌入另一个 HTML 文档 |
| progress |
用于以进度条的形式来显示某一个任务的完成度,如上传文件、下载文件等 |
| meter |
用于定义已知范围内的标量测量值或分数(也称为量表) |
| details |
用于创建可折叠的详细信息区域 |
| summary |
用于作为 details 标签的标题,点击可展开或关闭详细信息 |
| bdo |
用于覆盖文本的方向设置,强制文本按指定方向显示 |
| bdi |
用于隔离文本方向,防止外部样式影响,常用于多语言环境 |
| ruby |
用于为汉字(如中文、日语、韩语等)添加音标或注释 |
| rt |
定义 ruby 注释中的发音或解释部分 |
| rp |
用于指定当浏览器不支持 ruby 元素时要显示的内容。它通常搭配 ruby 和 rt 标签一起使用 |
| dialog |
用于自定义对话框 |
| data |
用于为数据处理提供一个值,该值可以提供给 JavaScript 操作或提交给服务端处理 |
| template |
定义可重复利用的 HTML 片段,不会直接渲染到页面中 |
| 无语义 |
| div |
常用块级元素,用于划分区域 |
| span |
常用行内元素,用于配合 CSS 对内容控制样式 |
| b |
定义文本为粗体,请使用 CSS 代替 |
| i |
定义文本为斜体,请使用 CSS 代替 |
| s |
为文本添加删除线,请使用 CSS 代替 |
| u |
为文本添加下划线,请使用 CSS 代替 |
| 试验性 |
| fencedframe |
增强隐私的 iframe,限制嵌入页面与外部页面的通信,防止跨站数据泄露 |
| portal |
允许将网页内容嵌入为无缝过渡的 “门户”,支持预渲染和流畅的页面导航体验 |