这里列出了所有标准化的 HTML5 元素，使用起始标签描述，按照功能分组。与列出所有标准化的、非标准化的、有效的、废弃的标签的 HTML 元素索引 不同的是，该页只列出有效的 HTML5 元素。新网站应当只使用这里列出的元素。

符号[5](HTML5)代表该元素是在 HTML5 中新增的。另外注意，这里列出的其他元素可能在 HTML5 标准中得到了扩充或经过修改。

根元素

<html>代表 HTML 或 XHTML 文档的根。其他所有元素必须是这个元素的子节点。

文档元数据

<head>代表关于文档元数据的一个集合，包括脚本或样式表的链接或内容。

<title>定义文档的标题，将显示在浏览器的标题栏或标签页上。该元素只能包含文本，包含的标签不会被解释。

<base>定义页面上相对 URL 的基准 URL。

<link>用于链接外部的 CSS 到该文档。

<meta>定义其他 HTML 元素无法描述的元数据。

<style>用于内联 CSS。

脚本

<script>定义一个内联脚本或链接到外部脚本。脚本语言是 JavaScript。

<noscript>定义当浏览器不支持脚本时显示的替代文字。

<template> 通过 JavaScript 在运行时实例化内容的容器。

章节

<body>代表 HTML 文档的内容。在文档中只能有一个 <body> 元素。

<section> 定义文档中的一个章节。

<nav> 定义只包含导航链接的章节。

<article> 定义可以独立于内容其余部分的完整独立内容块。

<aside> 定义和页面内容关联度较低的内容——如果被删除，剩下的内容仍然很合理。

<h1>,<h2>,<h3>,<h4>,<h5>,<h6>标题元素实现了六层文档标题，<h1> 是最大的标题，<h6> 是最小的标题。标题元素简要地描述章节的主题。

<header> 定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。

<footer> 定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。

<address>定义包含联系信息的一个章节。

<main> 定义文档中主要或重要的内容。

组织内容

<p> 定义一个段落。

<hr> 代表章节、文章或其他长内容中段落之间的分隔符。

<pre> 代表其内容已经预先排版过，格式应当保留 。

<blockquote> 代表引用自其他来源的内容。

<ol> 定义一个有序列表。

<ul> 定义一个无序列表。

<li> 定义列表中的一个列表项。

<dl> 定义一个定义列表（一系列术语和其定义）。

<dt> 代表一个由下一个 <dd> 定义的术语。

<dd> 代表出现在它之前术语的定义。

<figure> 代表一个和文档有关的图例。

<figcaption> 代表一个图例的说明。

<div> 代表一个通用的容器，没有特殊含义。

文字形式

<a> 代表一个链接到其他资源的超链接 。

<em> 代表强调 文字。

<strong> 代表特别重要 文字。

<small> 代表注释 ，如免责声明、版权声明等，对理解文档不重要。

<s> 代表不准确或不相关 的内容。

<cite> 代表作品标题 。

<q> 代表内联的引用 。

<dfn> 代表一个术语包含在其最近祖先内容中的定义 。

<abbr> 代表省略 或缩写 ，其完整内容在 title 属性中。

<data> 关联一个内容的机器可读的等价形式 （该元素只在 WHATWG 版本的 HTML 标准中，不在 W3C 版本的 HTML5 标准中）。

<time> 代表日期 和时间 值；机器可读的等价形式通过 datetime 属性指定。

<code> 代表计算机代码 。

<var> 代表代码中的变量 。

<samp> 代表程序或电脑的输出 。

<kbd> 代表用户输入 ，一般从键盘输出，但也可以代表其他输入，如语音输入。

<sub>,<sup> 分别代表下标 和上标 。

<i> 代表一段不同性质 的文字，如技术术语、外文短语等。

<b> 代表一段需要被关注 的文字。

<u> 代表一段需要下划线呈现的文本注释，如标记出拼写错误的文字等。

<mark> 代表一段需要被高亮的引用 文字。

<ruby> 代表被ruby 注释 标记的文本，如中文汉字和它的拼音。

<rt> 代表ruby 注释 ，如中文拼音。

<rp> 代表 ruby 注释两边的额外插入文本 ，用于在不支持 ruby 注释显示的浏览器中提供友好的注释显示。

<bdi> 代表需要脱离 父元素文本方向的一段文本。它允许嵌入一段不同或未知文本方向格式的文本。

<bdo> 指定子元素的文本方向 ，显式地覆盖默认的文本方向。

<span> 代表一段没有特殊含义的文本，当其他语义元素都不适合文本时候可以使用该元素。

<br> 代表换行 。

<wbr> 代表建议换行 (Word Break Opportunity) ，当文本太长需要换行时将会在此处添加换行符。

编辑

<ins> 定义增加 到文档的内容。

<del> 定义从文档移除 的内容。

嵌入内容

<img> 代表一张图片 。

<iframe> 代表一个内联的框架 。

<embed> 代表一个嵌入 的外部资源，如应用程序或交互内容。

<object> 代表一个外部资源 ，如图片、HTML 子文档、插件等。

<param> 代表 <object> 元素所指定的插件的参数 。

<video> 代表一段视频 及其视频文件和字幕，并提供了播放视频的用户界面。

<audio> 代表一段声音 ，或音频流 。

<source> 为 <video> 或 <audio> 这类媒体元素指定媒体源 。

<track> 为 <video> 或 <audio> 这类媒体元素指定文本轨道（字幕） 。

<canvas> 代表位图区域 ，可以通过脚本在它上面实时呈现图形，如图表、游戏绘图等。

<map> 与 <area> 元素共同定义图像映射 区域。

<area> 与 <map> 元素共同定义图像映射 区域。

<svg> 定义一个嵌入式矢量图 。

<math> 定义一段数学公式 。

表格

<table> 定义多维数据 。

<caption> 代表表格的标题 。

<colgroup> 代表表格中一组单列或多列 。

<col> 代表表格中的列 。

<tbody> 代表表格中一块具体数据 （表格主体）。

<thead> 代表表格中一块列标签 （表头）。

<tfoot> 代表表格中一块列摘要 （表尾）。

<tr> 代表表格中的行 。

<td> 代表表格中的单元格 。

<th> 代表表格中的头部单元格 。

表单

<form> 代表一个表单 ，由控件组成。

<fieldset> 代表控件组 。

<legend> 代表 <fieldset> 控件组的标题 。

<label> 代表表单控件的标题 。

<input> 代表允许用户编辑数据的数据区 （文本框、单选框、复选框等）。

<button> 代表按钮 。

<select> 代表下拉框 。

<datalist> 代表提供给其他控件的一组预定义选项 。

<optgroup> 代表一个选项分组 。

<option> 代表一个 <select> 元素或 <datalist> 元素中的一个选项

<textarea> 代表多行文本框 。

<keygen> 代表一个密钥对生成器 控件。

<output> 代表计算值 。

<progress> 代表进度条 。

<meter> 代表滑动条 。

交互元素

<details> 代表一个用户可以(点击)获取额外信息或控件的小部件 。

<summary> 代表 <details> 元素的综述 或标题 。

<menuitem> 代表一个用户可以点击的菜单项。

<menu> 代表菜单。

另请参阅节

[一系列 HTML5 文档。](HTML5)

[所有 HTML 标签的参考](HTML 元素参考)，包括 HTML5 中不再有效的元素。

点击列表高亮_HTML5 标签列表相关推荐

  1. a标签去掉下划线_HTML 所有标签列表

    HTML是一种超文本标记语言,用于创建网页的一种标准标记语言.我们可以在HTML中添加图片和对象,创建交互式表单.HTML还包括很多标签,例如<head>标签,我们首先要了解一下HTML一 ...

  2. Android之自定义瀑布流式的标签列表

    转载请标明出处: http://blog.csdn.net/hai_qing_xu_kong/article/details/50965588 本文出自:[顾林海的博客] ##前言 由于一些原因,马上 ...

  3. HTML 标签列表(字母排序)

    HTML 标签列表(字母排序) 标签 描述 <!--...--> 定义注释 <!DOCTYPE> 定义文档类型 <a> 定义超文本链接 <abbr> 定 ...

  4. day04-图片、列表、超链接标签及属性

    文章目录 一.知识回顾: 二.单元内容 4.1 图片标签及属性 4.1.1 图片标签(单):` ` 4.1.2 图片标签的属性 网络中断图片未显示.路径错误导致图片未显示.浏览器无法载入图像时,会显示 ...

  5. Android自定义标签列表控件LabelsView

    无论是在移动端的App,还是在前端的网页,我们经常会看到下面这种标签的列表效果: 标签从左到右摆放,一行显示不下时自动换行.这样的效果用Android源生的控件很不好实现,所以往往需要我们自己去自定义 ...

  6. Android自定义标签列表控件LabelsView解析

    无论是在移动端的App,还是在前端的网页,我们经常会看到下面这种标签的列表效果: 标签从左到右摆放,一行显示不下时自动换行.这样的效果用Android源生的控件很不好实现,所以往往需要我们自己去自定义 ...

  7. labelview标签列表控件的使用介绍

    标签列表控件的使用介绍 支持点击事件监听 step1: D:\workspace\LabelViewDemoTwo\app\src\main\res\values\strings.xml <re ...

  8. HTML基本结构 标签 列表 表格 表单 form input 单选框radio 多选框checkbox 列表框select option 按钮button

    文章目录 HTML HTML基本结构 网页的基本标签 标题标签 段落标签 换行标签 水平线 字体样式标签 HTML注释和特殊符号 图像标签 常见的图片格式 语法 案例 链接标签 页面间链接 语法 锚链 ...

  9. HTML 标签列表大全

    转自:微点阅读  https://www.weidianyuedu.com HTML 标签列表(字母排序) 标签 描述 <!--...--> 定义注释 <!DOCTYPE> 定 ...

最新文章

  1. MySQL5.6开启慢查询
  2. “theform._eventtarget 为空或者不是对象”，解决办法
  3. 策略模式的扩展——策略枚举
  4. 从零开始 Mask RCNN 实战：基于 Win10 + Anaconda 的 MaskRCNN 环境搭建
  5. Unity开发者如何有效地进行本土化
  6. 直接拿来用，10个PHP代码片段（收藏）
  7. IKONS – 赞！264 款手工打造的免费矢量图标
  8. 系统集成项目管理工程师考试题型
  9. 《集体智慧编程》笔记(一)
  10. 中正平和的机器人学笔记——2. 机械臂逆运动学（附MATAB代码）
  11. python实现海康sdk二次开发，移动侦测事件（二）
  12. matplotlib绘图配色colormap问题
  13. 开发常用的google插件
  14. E.03.17 Lou Ottens, Father of Countless ==Mixtapes==, Is Dead at 94
  15. vsftpd命令详解
  16. 【爬虫】关于企业信用信息公示系统-加速乐最新反爬虫机制
  17. 计算机语言替换,Zig 0.7.0 发布，想要替换 C的编程语言
  18. linux qt3编译出错,编译ARM 平台的qt4.7.3 遇到的一些问题总结
  19. TTN服务器LoRaWAN网关配置流程
  20. 2019计算机考研试卷难度,2019考研：计算机统考408院校及难度分析

热门文章

  1. Python科学计算包应用-教你以可视化的方式打开NumPy
  2. 数据中台建设是噱头还是黑科技？
  3. Linux从入门到精通系列之sed命令使用方法
  4. 深度学习核心技术精讲100篇（十一）-Google利器超强特征提取网络（Transformer）
  5. 调参神器贝叶斯优化（bayesian-optimization）实战篇
  6. Selenium爬携程酒店评论+jieba数据分析实战
  7. 基于MATLAB的dijkstra算法及其应用
  8. 1 字节的 utf-8 序列的字节 1 无效_记住：永远不要在MySQL中使用UTF8
  9. android 图片圆角 遮罩_Android 自定义View练手Demo（一）实现圆角遮罩效果
  10. 机器学习第11天：朴素贝叶斯模型 - 垃圾短信识别