HTML5 标签大全
发布时间 :
阅读 :
HTML5 标签大全
https://blog.csdn.net/zhiguigu/article/details/119871417
前言
在刚接触HTML的时候,你是否被它众多的标签搞得所惊讶?尤其是HTNL5的标签,新增了不少,很多HTML4的标签跨版本之后就用不了了,如此多的标签,要记是不可能记完的,我们只需要一些常用的标签就差不多了,剩下的可以等到用到时再去查询也是可以的。
但有时候收藏的技术网页经常会404,去百度虽然可以,但得逐行查找。于是我这种懒人总想着一劳永逸,以前就把一些我工作中可能会用到的东西自己整理成文档,上传到自己的网盘以及GitHub。
今天我把以前整理好的HTML5标签大全分享给大家,同时提供源文档,需要的时候Ctrl+F 查找关键字就可以了,顺便还可以做上自己的备注。
一、媒体相关标签
| 序号 |
标签 |
说明 |
序号 |
标签 |
说明 |
| 1 |
onplay |
当媒体数据继续开始播放的时候执行 |
13 |
onpause |
当媒体数据暂停的时候执行 |
| 2 |
onplaying |
当媒体数据已经开始播放的时候执行 |
14 |
onwaiting |
当媒体元素停止播放的时候 |
| 3 |
ondurationchange |
当媒体长度改变的时候执行 |
15 |
oncanplay |
当媒体可以播放的时候执行 |
| 4 |
onvolumechange |
当媒体音量大小发生改变的时候执行,包括无声 |
16 |
oncanplaythrough |
当媒体可以播放到最后的时候执行 |
| 5 |
onprogress |
在浏览器正在获取媒体数据的时候执行 |
17 |
onemptied |
当媒体资源元素变成空的时候执行 |
| 6 |
ontimeupdate |
当媒体改变其播放位置的时候执行 |
18 |
onerror |
当加载元素发生错误的时候执行 |
| 7 |
onloadstart |
当浏览器开始加载媒体数据的时候执行 |
19 |
onloadedmetadata |
当媒体元素的持续时间加载完毕的时候执行 |
| 8 |
onended |
当媒体已经到达最后的时候执行 |
20 |
onseeking |
当元素的seeking属性是true的时候执行 |
| 9 |
onratechange |
当媒体数据播放比率发生改变的时候执行 |
21 |
onloadeddata |
当媒体数据加载完毕的时候执行 |
| 10 |
onabort |
碰到abort的时候执行 |
22 |
onsuspend |
当浏览器停止获取媒体数据的时候执行 |
| 11 |
onstalled |
当获取元素数据发生错误的时候执行 |
23 |
onseeked |
当元素的seeking属性不是true的时候执行 |
| 12 |
onreadystatechange |
当ready-state发生改变的时候执行 |
|
|
|
二、windows相关标签
| 序号 |
标签 |
说明 |
序号 |
标签 |
说明 |
| 1 |
onerror |
当错误发生时执行 |
11 |
onhaschange |
当文档发生改变的时候执行 |
| 2 |
ononline |
当文档上线的时候执行 |
12 |
onpagehide |
当窗体隐藏的时候执行 |
| 3 |
onpageshow |
当窗体显示的时候执行 |
13 |
onpopstate |
当窗体历史改变的时候执行 |
| 4 |
onredo |
当文档执行恢复上一次操作的时候执行 |
14 |
onresize |
当窗体大小改变的时候执行 |
| 5 |
onmessage |
当该信息被触发的时候执行 |
15 |
onunload |
当用户离开文档的时候执行 |
| 6 |
onblur |
当窗体失去焦点的时候执行 |
16 |
onfocus |
当窗体获得焦点的时候执行 |
| 7 |
onoffline |
当文档离线的时候执行 |
17 |
onstorage |
当文档加载ok的时候执行 |
| 8 |
onbeforeloaded |
在文档加载完毕之前执行 |
18 |
onondo |
当文档执行恢复之前一次操作的时候执行 |
| 9 |
onafterprint |
在文档打印之后执行 |
19 |
onbeforeprint |
在文档打印之前执行 |
| 10 |
onload |
当文档加载完毕的时候执行 |
20 |
|
|
三、HTML5/HTML4通用的标签
| 序号 |
标签 |
说明 |
序号 |
标签 |
说明 |
| 1 |
|
定义变量 |
38 |
|
定义注释 |
| 2 |
|
定义文本域 |
39 |
|
定义表格底部 |
| 3 |
<!DOCTYPE> |
定义文档类型 |
40 |
|
定义无序列表 |
| 4 |
|
定义文档的标题 |
41 |
|
| 定义表格行 |
| 5 |
|
定义表格列的组 |
42 |
|
定义表格列的属性 |
| 6 |
|
| 定义表格头 |
43 |
| 定义表格头 |
| 7 |
|
定义超链接 |
44 |
|
定义缩写 |
| 8 |
|
定义按钮 |
45 |
|
定义表格的标题 |
| 9 |
|
定义图片地图的某区域 |
46 |
|
定义文本显示的方向 |
| 10 |
|
定义引用 |
47 |
| |
定义表格单元格 |
| 11 |
|
定义加粗文字 |
48 |
|
定义定义列表 |
| 12 |
|
定义地址元素 |
49 |
|
定义一个长引用 |
| 13 |
|
定义整个页面的基础URL |
50 |
|
定义主体元素 |
| 14 |
| |
定义表格的主体 |
51 |
|
插入单个的换行 |
| 15 |
|
定义上标文字 |
52 |
四、全局属性标签
| 序号 |
标签 |
说明 |
序号 |
标签 |
说明 |
| 1 |
title |
指定元素额外的信息文本(text) |
9 |
id |
为元素指定唯一的idid |
| 2 |
dir |
指定元素文本内容的对齐方向ltr | rtl |
10 |
contextmenu |
定义元素的上下文菜单menu id |
| 3 |
class |
指定元素的类名(为样式表)类名(classname) |
11 |
tabindex |
指定元素的tab顺序数值(nubmer) |
| 4 |
spellcheck |
指定是否元素要进行拼写检查true |false |
12 |
spellcheck |
指定是否元素要进行拼写检查true | false |
| 5 |
draggable |
指定是否允许用户拖拽元素true|false |
13 |
style |
指定元素的内联样式样式定义(style definition) |
| 6 |
accesskey |
指定访问元素的快捷键字符(character) |
14 |
hidden |
指定元素不相干hidden |
| 7 |
contenteditable |
指定是否允许用户编辑内容true | false |
15 |
dropzone |
指定当拖拽数据放开的时候会发生什么copy|move |
| 8 |
lang |
为元素内容指定语言代码语言代码(language code) |
16 |
|
|
五、鼠标和键盘相关
| 序号 |
标签 |
说明 |
序号 |
标签 |
说明 |
| 1 |
onmouswheel |
当鼠标滑轮滚动的时候执行 |
11 |
onscroll |
当元素的滚动条滚动的时候执行 已存在的鼠标事件属性 |
| 2 |
onmouseup |
当鼠标抬起的时候执行 |
12 |
onmouseover |
当属性进入元素的时候执行 |
| 3 |
onclick |
当鼠标点击的时候执行 |
13 |
ondbclick |
当鼠标双击的时候执行 |
| 4 |
onmousedown |
当鼠标按下的时候执行 |
14 |
onmousemove |
当鼠标移动的时候执行 |
| 5 |
onmouseout |
当鼠标移出元素的时候执行 |
15 |
ondrag |
当元素被拖拽的时候执行 |
| 6 |
ondragend |
当元素拖拽操作结束的时候执行 |
16 |
ondragenter |
当元素拖拽进入释放对象的时候 |
| 7 |
ondrop |
当拖拽元素被放开的时候 |
17 |
ondragover |
当元素拖拽经过释放对象的时候 |
| 8 |
onkeypress |
当键按下并释放的时候执行 |
18 |
onkeyup |
当键抬起的时候执行 |
| 9 |
onkeydown |
当键按下的时候执行 |
19 |
ondragstart |
当元素拖拽操作开始的时候执行 |
| 10 |
ondragleave |
当元素拖拽离开释放对象的时候 |
20 |
|
|
| 序号 |
标签 |
说明 |
序号 |
标签 |
说明 |
| 1 |
onselect |
当元素被选择的时候执行 |
7 |
onsubmit |
当表单被提交的时候执行 |
| 2 |
onfocus |
当元素获得焦点的时候执行 |
8 |
oncontextmenu |
当上下文菜单被触发的时候执行 |
| 3 |
oninvalid |
当元素验证无效的时候执行 |
9 |
onformchange |
当表单发生改变的时候执行 |
| 4 |
onchange |
当元素改变的时候执行 |
10 |
onblur |
当元素失去焦点的时候执行 |
| 5 |
form |
表单已支持事件属性 |
11 |
onforminput |
当表单获得用户输入时候执行 |
| 6 |
oninput |
当元素获得用户输入的时候执行 |
|
|
|
七、HTML5其他常用标签
| 序号 |
标签 |
说明 |
序号 |
标签 |
说明 |
| 1 |
|
定义表单生成的关键 |
16 |
<aside> |
定义页面内容旁边的内容 |
| 2 |
|
定义声音内容 |
17 |
<canvas> |
定义图形 |
| 3 |
|
定义一个控制按钮 |
18 |
<datagrid> |
指树或表格状数据格式中的动态数据 |
| 4 |
|
定义一个下拉列表 |
19 |
<details> |
定义一个元素的细节 |
| 5 |
|
定义会话或人的交谈 |
20 |
<embed> |
定义额外的交互内容或插件 |
| 6 |
|
定义指定元素的标题 |
21 |
<figure> |
定义一组媒体内容以及标题 |
| 7 |
|
为章节或页面定义一个底部 |
22 |
<header> |
为章节或页面定义一个头部 |
| 8 |
|
定义文档中某段落的信息 |
23 |
<article> |
定义文章 |
| 9 |
|
定义被标记的文本 |
24 |
<meter> |
定义预定义范围内的测量 |
| 10 |
|
定义导航链接 |
25 |
<progress> |
定义任意种类任务的进程 |
| 11 |
|
定义某种类型的输出 |
26 |
<rp> |
定义浏览器不支持ruby元素的替代者 |
| 12 |
|
定义章节 |
27 |
<rt> |
定义ruby注释的解释 |
| 13 |
|
定义媒体资源 |
28 |
<ruby> |
定义 ruby 注释(中文注音或字符) |
| 14 |
|
定义某”detail”元素的头部 |
29 |
<time> |
定义日期/时间 |
| 15 |
|
定义视频 |
30 |
<wbr> |
定义可能的换行 |
转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 8629303@qq.com
赏
|