2021-05-23

html元素速览

文档和元数据元素

• base：设置相对URL的基础
• body：表示HTML文档的内容
• DOCTYPE：表示HTML文档的开始
• head：包含文档的元数据
• html：表示文档中HTML部分的开始
• link：定义与外部资源的关系
• meta：提供关于文档的信息
• noscript：包含浏览器禁用脚本或不支持脚本时显示的内容
• script：定义脚本程序，可以是文档内嵌的也可以是外部文件中的
• style：定义CSS样式
• title：设置文档标题

文本

• a：生成超链接
• abbr：缩略语
• b：不带强调或着重意味地标记一段文字
• br：表示换行
• cite：表示其他作品的标题
• code：表示计算机代码片段
• del：表示从文档中删除的文字
• dfn：表示术语定义
• em：表示着重强调的一段文字
• i：表示与周边内容秉性不同的一段文字，例如来自另一种语言的词语
• ins：表示加入文档的文字
• kbd：表示用户输入内容
• mark：表示一段因为与上下文中另一词语相关而被突出显示的内容
• q：表示引自他处的内容
• rp：与ruby元素结合使用，标记括号
• rt：与ruby元素结合使用，标记注音符号
• ruby：表示位于表意文字上方或右方的注音符号
• s：表示文字已不再准确
• samp：表示计算机程序的输出内容
• small：表示小号字体内容
• span：一个没有自己的语义的通用元素。可以在希望应用一些全局属性却又不想引入额外语义的情况
• strong：表示重要内容
• sub：表示下标文字
• sup：表示上标文字
• time：表示时间或日期
• u：不带强调或着重意味地标记一段文字
• var：表示程序或计算机系统中的变量
• wbr：表示可安全换行的地方

对内容分组

• blockquote：表示引自他处的大段内容
• dd：用在dl元素之中，表示定义
• div：一个没有任何既定语义的通用元素，是span元素在流元素中的对应物
• dl：表示包含一系列术语和定义的说明列表
• dt：用在dl元素之中，表示术语
• figcaption：表示figure元素的标题
• figure：表示图片
• hr：表示段落级别的主题转换
• li：用在ul、ol和menu元素中，表示列表项
• ol：表示有序列表
• p：表示段落
• pre：表示其格式应被保留的内容
• ul：表示无序列表

划分内容

• address：表示文档或article的联系信息
• article：表示一段独立的内容
• aside：表示与周边内容稍有牵涉的内容
• details：生成一个区域，用户将其展示可以获得更多细节知识
• footer：表示尾部
• h1～h6：表示标题
• header：表示首部
• hgroup：将一组标题组织在一起，以便文档大纲只显示其中第一个标题
• nav：表示有意集中在一起的导航元素
• section：表示一个重要的概念或主题
• summary：用在details元素中，表示该元素内容的标题或说明

制表

• caption：表示表格标题
• col：表示一列
• colgroup：表示一组列
• table：表示表格
• tbody：表示表格主体
• td：表示单元格
• tfoot：表示表脚
• th：表示标题行单元格
• thead：表示标题行
• tr：表示一行单元格

表单元素

• button：表示可用来提交或重置表单的按钮（或一般按钮）
• datalist：定义一组提供给用户的建议值
• fieldset：表示一组表单元素
• form：表示HTML表单
• input：表示用来收集用户输入数据的控件
• keygen：生成一对公钥和私钥
• label：表示表单元素的说明标签
• legend：表示fieldset元素的说明性标签
• optgroup：表示一组相关的option元素
• option：表示供用户选择的一个选项
• output：表示计算结果
• select：给用户提供一组固定的选项
• textarea：用户可以用它输入多行文字

嵌入元素

• area：表示一个用于客户端分区响应图的区域

• audio：表示一个音频资源

• canvas：生成一个动态的图形画布

• embed：用插件在HTML文档中嵌入内容

• iframe：通过创建一个浏览上下文在一个文档中嵌入另一个文档

• img：嵌入图片

• map：定义客户端分区响应图

• meter：嵌入数值在许可值范围背景中的图形表示

• object：在HTML文档中嵌入内容。也可用于生成浏览上下文和生成客户端分区响应图

• param：表示将通过object元素传递给插件的参数

• progress：嵌入目标进展或任务完成情况的图形表示

• source：表示媒体资源

• svg：表示结构化矢量内容

• track：表示媒体的附加轨道（例如字幕）

• video：表示视频资源