web —关于html5标签的总结（后续会一直更新）

最新推荐文章于 2021-12-30 21:32:58 发布

指引前路的苍蓝星

最新推荐文章于 2021-12-30 21:32:58 发布

阅读量418

点赞数 5

分类专栏： WEB 文章标签： HTML5

本文链接：https://blog.csdn.net/qq_44859696/article/details/93593745

版权

WEB 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

这篇博客将会总结所有的 HTML5 的标签，方便一些初学者使用。一次可能会更新不完，会持续更新下去。如果有什么缺少或错误的地方欢迎指正，联系我请加qq：3378166550

tips：按下Ctrl+F可以进行搜索，输入关键字可以更快的搜索到你想要的标签或内容。

HTML5标签

< a >

对标签内的元素定义一个超链接，也可以连接到页面内部元素。
未被访问过的连接是蓝色下划线样式，访问过的是红色下划线样式。（可以通过css 中link和visited更改样式）
主要属性：
href 定义当前超链接的目标链接。
download 配合href属性可以下载文件。
target 定义打开窗口的方式。_blank 值在新的窗口打开链接。_self值在当前页面打开链接。
支持HTML全局属性。

< div >

分割一个区域内容，以便用CSS定义格式。
主要属性：
style 定义行内元素的格式。
title 属性设置鼠标悬浮在区域上的文字显示。
支持HTML全局属性。

< img >

显示图片的标签。
主要属性：
height，width 用于设置图片的高和宽。
src 属性定义图片的链接。
alt 属性设置图片无法显示时的文本。
title 属性设置鼠标悬浮在图片上的文字显示。
usemap 可以引用< map >标签的id或name。
支持HTML全局属性。

< b >

加粗字体，属性为HTML全局属性。

< hr >

创建一个分割线分隔内容。
主要属性：
color 定义分割线的颜色。
align 定义分割线布局。
支持HTML全局属性。

< html >

用于告诉浏览器这是一个 html 文档。
主要属性：
manifest 定义一个链接，来描述网页的缓存。
支持HTML全局属性。

< embed >

定义一个容器，用于嵌入外部应用或插件，也可以插入flash动画。
主要属性：
height，width 用于设置容器的高和宽。
src 属性定义容器内的内容的链接。
支持HTML全局属性。

< del >

定义一段带有删除线的字。
主要属性：
datatime 用于定义文本被删除的时间。
cite url值，用于定义描述文档被删除原因的文本的地址。
支持HTML全局属性。

< wbr >

定义在文本中的何处适合添加换行符。
支持HTML全局属性。

< video >

定义视频播放容器。
支持视频格式为：MP4、WebM、Ogg。
主要属性：
src url值，设置视频的地址。
autoplay 设置这个属性时，视频会在准备就绪后自动播放。
controls 设置此属性时，会出现视频控件。
loop 设置此属性时，视频会在结束时再次播放。
muted 设置此属性时，视频会变成静音。
poster url值，设置视频在下载时显示的图片，直到用户点播放按钮。
preload auto metadata none三个值，视频在页面加载时进行加载，并预备播放。如果设置autoplay值则会忽略此值。
支持HTML全局属性。

< source >

定义媒体资源。
主要属性：
type 定义媒体资源类型。
src 定义媒体的url。
media 定义媒体资源的类型。
支持HTML全局属性。
注：如果在< source >的上级标签如< video >标签中设置了src则< source >的src将被忽视。

< ul >

定义无序列表。
支持HTML全局属性。

< ol >

定义有序列表。
支持HTML全局属性。

< li >

定义列表的项目，通常用于< ul > 和 < ol > 标签中。
支持HTML全局属性。

< u >

定义风格不同的文本格式。目测是下划线格式。
支持HTML全局属性。

< track >

定义视频的字幕文件或其他文本文件。
主要属性：
src 设置字幕文件的地址。
label 规定文本轨道的标签。
支持HTML全局属性。

< table >

定义 HTML 表格，一个 HTML 表格包括 < table > 元素，一个或多个 < tr >、< th > 以及 < td > 元素。
< tr > 元素定义表格行，< th > 元素定义表头，< td > 元素定义表格单元。

< table > 及其主要属性

定义 HTML 表格。
主要属性：
border 定义表格是否有边框。（只能使用值1或“”。）

< tr >

定义表格行
主要属性：
colspan 规定单元格可跨列数。
rowspan 设置单元格可跨列数。

< th >

一般出现在< tr >中间，定义表头。
主要属性：
colspan 规定单元格可跨列数。
rowspan 设置单元格可跨列数。

< td >

一般出现在< tr >中间，定义单元格。
主要属性：
colspan 规定单元格可跨行数。
rowspan 设置单元格可跨行数。
以上元素皆支持HTML全局属性。

< textarea >

可以定义一个容纳输入无数文字的文本，默认是等宽字体。
主要属性：
autofocus 页面加载时，文本自动获得焦点。
cols 设置文档可见区域宽度。（在部分浏览器可以拖动其大小。）
disabled 禁用文本区域。（设置之后便不可输入字符。）
form 定义文本区域内一个或多个表格。
maxlength 规定区域内的最大字符数。
name 定义文本区域的内容。
placeholder 简短的描述来说明期望输入的值。
readonly 定义文本区域为可读。
required 定义文本为必填项。
rows 定义文本可见行数。
wrap 定义在提交时应该怎么样换行。
支持HTML全局属性。

< time >

定义一个公历时间。
支持HTML全局属性。

< title >

定义文档的标题。（窗口的标题）
支持HTML全局属性。

< sub >和< sup >

这两个标签分别定义下表文字和上标文字。
支持HTML全局属性。

< summary >

为< details > 元素定义一个可见并且在点击时会显示详细信息的标题。
注：目前只有Chrome 和 Safari 浏览器支持这个标签，所以我也没用过。。。。
支持HTML全局属性。

< style >

定义一个关于CSS或JS的文档
主要属性：
type 值text/css和javascript，用来表示文档类型。
scoped 样式仅应用到 style 元素的父元素和其子元素。
支持HTML全局属性。
media 为样式表规定不同的媒体类型。

< strong >

加粗标签内的文本元素。
支持HTML全局属性。

< span >

通常用于将文本的一部分独立出来进行特别操作
支持HTML全局属性。

< small >

小号字体，通常用于写注释，
如：<small>这是一个注释</small>
效果：这是一个注释
支持HTML全局属性。

< select >

< select >及其重要属性

与< option >标签一起组建一个下拉列表
主要属性：
autofocus 在页面加载时自动获得焦点。
disabled 是否禁用下拉列表。
multiple 是否可以显示选择多个选项。
size 规定可见选项的数目。（在设置multiple后才有效）
required 使用户在提交表单时必须选择一个选项。
支持HTML全局属性。

< option >及其重要属性

定义< select >标签的选项。
主要属性：
disabled 禁用选项。
selected 设置该选项在加载时被选中。
value 提交时向服务器发送的属性值。
支持HTML全局属性。

< optgroup >及其重要属性

为< options >元素分组。
主要属性：
label 定义分组名称。
disabled 使该分组不可用。
支持HTML全局属性。

< section >

定义文章的一个区域。
注：个人觉得跟div是一个类型的东西
支持HTML全局属性。

< script >

用于书写脚本代码。
主要属性：
async 异步执行代码。
charset 可以在脚本中使用字符编码。
defer 在页面完成解析后执行脚本。
type 设置脚本类型。
src 设置外部脚本的url。
支持HTML全局属性。

< samp >

定义一种特殊文字。（目测是小一点的正常宋体。）
支持HTML全局属性。

< s >

定义不正确，错误的文本。（目测和< del >一样。）
支持HTML全局属性。

< ruby >

< ruby >及其重要属性

为字体注音。
支持HTML全局属性。

< rt >及其重要属性

在< ruby >中定义字体读音。

< rp >及其重要属性

定义在浏览器不支持< ruby >标签时显示内容。

< q >

为文字添加引用。（为文字加上双引号。）
支持HTML全局属性。

< progress >

显示任务的进度。
主要属性：
value 表示当前的进度。
max 表示任务最大值。
支持HTML全局属性。

< pre >

定义一个预格式文本，可以保留元素内文本的回车（换行）和空格。字体显示等宽字体。
支持HTML全局属性。

< param >

为< object >标签提供参数。
主要属性：
name 定义参数名称。
value 定义参数的值。
支持HTML全局属性。

< p >

定义一段文本段落。
支持HTML全局属性。

< form >

< form >及其重要属性

定义一个可以让用户输入的表单。
主要属性：
action 规定表单项什么地方发送数据，url值。
autocomplete 是否启用自动完成功能。
method 选择发送数据的HTTP方法。
name 定义表单名称。
novalidate 值为其本身，定义此值时不校验表单数据。
target 定义在何处打开action的url。
支持HTML全局属性。

< output >及其重要属性

显示一个计算的结果。
主要属性：
for 描述计算的结果和计算元素的关系。
form 定义所属表单。
name 定义元素名称。
支持HTML全局属性。

< object >

可以嵌入一个对象。（如图像、音频、视频、ActiveX、PDF 以及 Flash。）
主要属性：
data 定义嵌入对象的url。
name 定义对象名称。
form 设置对象属于哪一个表单。
height，width 用于设置图片的高和宽。
支持HTML全局属性。

< noscript >

用于显示脚本没有被执行时候的替代文本内容。
主要属性：
data 定义嵌入对象的url。
name 定义对象名称。
form 设置对象属于哪一个表单。
height，width 用于设置图片的高和宽。
支持HTML全局属性。

< nav >

定义显示网页导航的区域。
支持HTML全局属性。

< meter >

定义一个度量条。
主要属性：
value 定义当前的值。（值0.5为50%）
min 定义最小值。
max 定义最大值。
high 规定界定高的值的范围。
low 规定界定低的值的范围。
optimum 规定度量的最优值。
支持HTML全局属性。

< meta >

定义当前页面的元数据。
主要属性：
charset 定义当前页面的字符编码。
name 定义content的名称，与content对应。
content 定义name或http-equiv对应的内容。
http-equiv 把content的值对应到HTTP头部。

< mark >

定义一段被标记的文本。
支持HTML全局属性。

< map >

定义一个可以点击的图像映射，可以用于客户端的图像映射。
支持HTML全局属性。

< link >

定义在HTML中引用的样式表或资源。
主要属性：
href url值，定义资源的地址。
hreflang 定义被连接文档使用的文本语言。
media 设置在什么设备上显示文档。
rel 必填，设置被连接文档和HTML文档的关系。
支持HTML全局属性。

< label >

为表单中的< input >标签定义标记。
主要属性：
for 定义标签与哪个< input >绑定。
form 定义标签属于哪个表单。
支持HTML全局属性。

< kbd >

定义一段键盘样式的文本。
支持HTML全局属性。

< ins >

定义一个插入文档的文本。
支持HTML全局属性。

< input >

定义一个可以输入数据的控件。
主要属性：
accept 当type为file时规定文件类型。
alt 当type为image时代替图像显示的文字。
type 定义可以显示的控件类型。
type值类型：
button 按钮
checkbox 选择框
color 颜色
date 日期
datatime 时间
email 邮箱
image 图像
month 月份
radio 圆形选择框
number 数字
password 密码
range 可拉式进度条
file 文件
hidden 隐藏
reset 重置
search 搜索框
submit 跟button差不多，但是不用onclick就可以触发事件
tel 电话
text 文本
time 时间
url 链接地址
week 周时间
autocomplete 是否启用字段自动完成。
autofocus 在加载页面自动获得焦点。
checked 在页面加载时自动选择< input >。当 type为checkbox或者radio有效。
disabled 禁用标签。
form 定义属于哪个表单。
formmethod 定义发送表单数据的HTTP方法。
max 定义输入的最大值。
maxlength 定义输入的最大长度。
min 定义输入的最小值。
name 定义标签的名称。
readonly 输入的字段为只读的。
required 设置为必须输入项。
size 元素的可见宽度。
src type为image时的url。
value 标签的值。
支持HTML全局属性。