HTML5标签大全(最终整理版)
HTML（5）常用的格式标签
HTML（5）常⽤的格式标签⼀、基本⽂字格式1.标题<h></h> HTML定义<h1></h1>到<h6></h6>六个<h>标签，分别⽤来不同⼤⼩字体的标题（Heading）。
字体由⼤到⼩，<h1>最⼤，<h6>则最⼩。
Heading标签需要注意的是：a.浏览器会⾃动地在标题的前后添加空⾏。
因为Heading标签属于块级元素，⽽在默认情况下，HTML 会⾃动地在块级元素前后添加⼀个额外的空⾏（<br/>）。
b.标题对整个页⾯来说很重要,应该将HTML heading 标签只⽤于标题，⽽不要仅仅是为了产⽣粗体或⼤号的⽂本⽽使⽤标题。
因为Heading标签对SEO是很友好的，搜索引擎使⽤标题为您的⽹页的结构和内容编制索引，⽽且⽤户则以通过标题来快速浏览您的⽹页，所以⽤标题来呈现⽂档结构是很重要的。
应该将 <h1> ⽤作主标题（最重要的），其后是 <h2>（次重要的），再其次是 <h3>，以此类推。
1<!--<h>标签是设置标题的，把重要的信息放在<h1>⾥⾯，搜索引擎会优先搜索-->2<h1>3中国⼀</h1>4<h2>5中国⼆</h2>6<h3>7中国三</h3>8<h4>9中国四</h4>10<h5>11中国五</h5>12<h6>13中国六</h6> 效果如下图，字体⼤⼩由⼤到⼩：2.换⾏<br/>、不换⾏<nobr></nobr>和分段<p></p> 关于HTML中的换⾏标签<br/>和分段标签<p></p>的区别是，换⾏标签<br/>只是回车，<p></p>则是分段。
html5新标签
布局元素
➢figure元素 • figure/figcaption都是HTML5中新增的元素 • figure元素是一个媒体组合元素，也就是对其他的媒体元素进 行组合，比如：图像、图表等等
➢figcaption元素 • 用来给figure元素定义标题。
练习
阶段练习
阶段练习
footer元素（标签）
1）open:值为open，功能是定义details是否可见。 2）draggable:值为true或false，功能是设置是否为可拖动元素，默认值是false。 <details>标记的本质上允许我们在单击标签时显示和隐藏内容。
details元素与summary元素
video元素
➢video元素
➢CSS3 background-size属性支持几个关键字，例如：cover, contain等。 ➢object-fit也是类似的，但还是有些差异，具体有5个值：
• .fill { object-fit: fill; } • .contain { object-fit: contain; } • .cover { object-fit: cover; } • .none { object-fit: none; } • .scale-down { object-fit: scale-down; }
HTML5的标签大全以及相关属性
HTML5的标签⼤全以及相关属性按字母顺序排列的标签列表4: 指⽰在 HTML 4.01 中定义了该元素5: 指⽰在 HTML 5 中定义了该元素标签描述45定义注释。
45定义⽂档类型。
45定义超链接。
45定义缩写。
45HTML 5 中不⽀持。
定义⾸字母缩写。
4定义地址元素。
45HTML 5 中不⽀持。
定义 applet。
4定义图像映射中的区域。
45定义 article。
5定义页⾯内容之外的内容。
5定义声⾳内容。
5定义粗体⽂本。
45定义页⾯中所有链接的基准 URL。
45HTML 5 中不⽀持。
请使⽤ CSS 代替。
4定义⽂本显⽰的⽅向。
45HTML 5 中不⽀持。
定义⼤号⽂本。
4定义长的引⽤。
45定义 body 元素。
45插⼊换⾏符。
45定义按钮。
45定义图形。
5定义表格标题。
45HTML 5 中不⽀持。
定义居中的⽂本。
4定义引⽤。
45定义计算机代码⽂本。
45定义表格列的属性。
45定义表格列的分组。
45定义命令按钮。
5定义下拉列表。
5定义定义的描述。
45定义删除⽂本。
45定义元素的细节。
5定义定义项⽬。
45HTML 5 中不⽀持。
定义⽬录列表。
4定义⽂档中的⼀个部分。
45定义定义列表。
45定义定义的项⽬。
45定义强调⽂本。
45定义外部交互内容或插件。
5定义 fieldset。
45定义 figure 元素的标题。
5定义媒介内容的分组，以及它们的标题。
5HTML 5 中不⽀持。
4定义 section 或 page 的页脚。
5定义表单。
45HTML 5 中不⽀持。
定义⼦窗⼝（框架）。
4HTML 5 中不⽀持。
定义⼦窗⼝（框架）。
4 HTML 5 中不⽀持。
定义框架的集。
4定义标题 1 到标题 6。
45定义关于⽂档的信息。
45定义 section 或 page 的页眉。
5定义有关⽂档中的 section 的信息。
5定义⽔平线。
45定义 html ⽂档。
45定义斜体⽂本。
45定义⾏内的⼦窗⼝（框架）。
45定义图像。
html标签及属性大全（网页制作必备）
html标签及属性⼤全（⽹页制作必备）总类（所有html⽂件都有的）--------------------------------------------------------------------------------⽂件类型 <html></html> （放在档案的开头与结尾）⽂件主题 <title></title> （必须放在「⽂头」区块内）⽂头 <head></head> （描述性资料，像是「主题」）⽂体 <body></body> （⽂件本体）结构性定义（由浏览器控制的显⽰风格）--------------------------------------------------------------------------------标题 <h?></h?> （？表⽰从1到6，有六层选择）数值越⾼字越⼩标题对齐 <h? align=left|center|right></h?> 左对齐、居中对齐、右对齐区分 <div></div>区分对齐 <div align=left|right|center|justify></div> 左对齐、右对齐、居中对齐、两端对齐引⽂区块 <blockquote></blockquote> （通常会内缩）斜体 <em></em>加粗 <strong></strong>引⽂ <cite></cite> （通常会以斜体显⽰）码 <code></code> （显⽰原始码之⽤）样本 </samp>表⽰⼀段⽤户应该对其没有什么其他解释的⽂本。
HTML5标签大全
HTML5标签⼤全可以进⾏省略的标签不允许写结束标记的标签：area(定义图像映射中的区域)、base(为页⾯上的所有链接规定默认地址或默认⽬标)、br、col(为表格中⼀个或多个列定义属性值)、embed(定义嵌⼊的内容，⽐如插件--5)、hr、img、input、keygen、link、meta、param、source、track、wbr可以省略结束标记的标签：li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th可以完全省略的标签：html、head、body、colgroup、tbody新增的标签section:页⾯中的⼀个内容区块，⼊章节、页⾯、页脚或页⾯的其他部分、可以和h1、h2...等标签结合起来使⽤，表⽰⽂档结构。
article:表⽰页⾯中⼀块与上下⽂不相⼲的独⽴内容，⽐如⼀篇⽂章。
aside:定义 article 以外的内容。
aside 的内容应该与 article 的内容相关。
header:页⾯中的内容区块或整个页⾯的标题。
footer:页⾯中的内容区块或整个页⾯的脚注。
hgroup:页⾯中的内容区块或整个页⾯的标题进⾏组合。
nav:导航链接的部分。
figure:规定独⽴的流内容（图像、图表、照⽚、代码等等，内容应该与主内容相关，但如果被删除，则不应对⽂档流产⽣影响）。
video:视频。
exp:<video src="url" controls="controls">视频</video>audio:⾳频。
embed:⽤来嵌⼊内容（包括各种媒体）。
mark:变颜⾊，关注。
progress:进度条。
exp:<progress max="100" value="85"></progress>time:定义⽇期或时间，或者两者。
(完整版)html标签大全
<html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息<title></title> 设置文档的标题<h1></h1> 最大的标题<pre></pre> 预先格式化文本<u></u> 下划线<b></b> 黑体字<i></i> 斜体字<tt></tt> 打字机风格的字体<cite></cite> 引用,通常是斜体<em></em> 强调文本(通常是斜体加黑体)<strong></strong> 加重文本(通常是斜体加黑体)<font size="" color=""></font> 设置字体大小从1到7，颜色使用名字或RGB的十六进制值<BASEFONT></BASEFONT> 基准字体标记<big></big> 字体加大<SMALL></SMALL> 字体缩小<STRIKE></STRIKE> 加删除线<CODE></CODE> 程式码<KBD></KBD> 键盘字<SAMP></SAMP> 范例<VAR></VAR> 变量<BLOCKQUOTE></BLOCKQUOTE> 向右缩排<DFN></DFN> 述语定义<ADDRESS></ADDRESS> 地址标记<sup></SUP> 上标字<SUB></SUB> 下标字<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)<plaintext>...</plaintext>固定寬度字體(不執行標記符號)<listing>...</listing> 固定寬度小字體<font color=00ff00>...</font>字體顏色<font size=1>...</font>最小字體<font style ='font-size:100 px'>...</font>無限增大◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆<p></p> 创建一个段落<p align=""> 将段落按左、中、右对齐<br>换行插入一个回车换行符<blockquote></blockquote> 从两边缩进文本<dl></dl> 定义列表<dt> 放在每个定义术语词前<dd> 放在每个定义之前<ol></ol> 创建一个标有数字的列表<ul></ul> 创建一个标有圆点的列表<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字, 若在<ul></ul>之间则每个列表项加上一个圆点<div align=""></div> 用来排版大块HTML段落,也用于格式化表<MENU> 选项清单<DIR> 目录清单<nobr></nobr> 强行不换行<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)<center></center> 水平居中◆◆◆◆◆◆◆◆◆《〈链接标志表格标志〉》◆◆◆◆◆◆◆◆◆◆◆◆◆◆<a href="URL"></a> 创建超文本链接<a href="mailtEMAIL"></a> 创建自动发送电子邮件的链接<a name="name"></a> 创建位于文档内部的书签<a href="#name"></a> 创建指向位于文档内部书签的链接<BASE> 文档中不能被该站点辨识的其它所有链接源的URL<LINK> 定义一个链接和源之间的相互关系◆◆◆◆◆◆◆◆链接标记注解：◆◆◆◆◆◆◆◆◆◆◆◆◆target="..."决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top◆rel="..."发送链接的类型◆rev="..."保存链接的类型◆accesskey="..."指定该元素的热键◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly ◆coord="..."使用像素或者长度百分比来定义形状的尺寸◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)◆◆◆◆◆◆◆◆表格标记注解：◆◆◆◆◆◆◆◆◆◆◆◆<table></table> 创建一个表格<tr></tr> 表格中的每一行<td></td> 表格中一行中的每一个格子<th></th> 设置表格头:通常是黑体居中文字<table cellspacing=""> 设置表格格子之间空间的大小<table border=""> 设置边框的宽度<table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小<table width=""> 设置表格的宽度。
HTML重要标签总结归纳
HTML 重要标签： (1)样式/节 ①<style> 实例：<html> <head><style type=”text/css”> h1 { color:red } p { color:blue } </style></head> <body><h1>Header 1</h1> <p>A paragraph.</p></body></html>定义和用法<style> 标签用于为 HTML 文档定义样式信息。
在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。
type 属性是必需的，定义 style 元素的内容。
唯一可能的值是 "text/css"。
style 元素位于 head 部分中。
②<div>HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。
<div> 元素没有特定的含义。
除此之外，由于它属于块级元素，浏览器会在其前后显 示折行。
如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。
它取代了使用表格定义布局的老式方法。
使用 <table> 元素进行文档布局不是表格的正确用法。
<table> 元素的作用是显示 表格化的数据。
实例：<html><body> <h3>This is a header</h3><p>This is a paragraph.</p> <div style="color:#00FF00"><h3>This is a header</h3><p>This is a paragraph.</p></div> </body></html>定义和用法 <div> 可定义文档中的分区或节（division/section）。
HTML5代码大全
一、HTML各种命令的代码：1、文本标签(命令)<pre></pre〉创建预格式化文本<h1〉〈/h1> 创建最大的标题<h6>〈/h6> 创建最小的标题〈b></b> 创建黑体字<i></i> 创建斜体字〈tt></tt〉创建打字机风格的字体〈cite></cite〉创建一个引用，通常是斜体〈em〉〈/em〉加重一个单词（通常是斜体加黑体）<strong>〈/strong〉加重一个单词（通常是斜体加黑体）〈font size=?>〈/font〉设置字体大小,从 1 到 7〈font color=？〉〈/font〉设置字体的颜色，使用名字或十六进制值2、图形(命令)〈img src=”name"> 添加一个图像〈img src="name” align=？〉排列对齐一个图像：左中右或上中下〈img src="name" border=?> 设置围绕一个图像的边框的大小〈hr> 加入一条水平线<hr size=？> 设置水平线的大小（高度）〈hr width=?〉设置水平线的宽度(百分比或绝对像素点）<hr noshade> 创建一个没有阴影的水平线3、链接(命令）〈a href=”URL"〉</a> 创建一个超链接〈a href=”mailto：EMAIL”></a〉创建一个自动发送电子邮件的链接<a name="NAME"〉〈/a> 创建一个位于文档内部的靶位〈a href="#NAME"〉</a〉创建一个指向位于文档内部靶位的链接4、格式排版(命令)〈p> 创建一个新的段落〈p align=？〉将段落按左、中、右对齐<br> 插入一个回车换行符<blockquote>〈/blockquote〉从两边缩进文本<dl></dl> 创建一个定义列表<dt> 放在每个定义术语词之前〈dd〉放在每个定义之前<ol></ol> 创建一个标有数字的列表〈li〉放在每个数字列表项之前，并加上一个数字〈ul〉〈/ul〉创建一个标有圆点的列表〈li> 放在每个圆点列表项之前，并加上一个圆点<div align=?〉一个用来排版大块HTML 段落的标签,也用于格式化表二、HTML基本语法文件格式〈html〉〈/html>（文件的开头与结尾）主题〈title〉〈/title>（放在文件的开头）文头区段〈head〉〈/head>(描述文件的信息)内文区段<body〉〈/body〉（放此文件的内容）标题〈h?></h〉（?=1~6，改变标题字的大小)标题对齐<h align=right，left,center〉〈/h>字加大〈big>〈/big〉字变小〈small>〈/small>粗体字<b></b〉斜体字〈i〉〈/i〉底线字<u〉〈/u〉上标字<sup>〈/sup>下标字<sub></sub〉居中〈center〉〈/center>居左<left> </left〉居右〈right〉 </right>基本字体大小<basefont size>(取值范围从1到7，默认值为3)改变字体大小〈font size=？〉</font>（？=1～7)字体颜色<font color=#rrggbb〉〈/font>（RGB色码）指定字型<font face=？></font〉（?=宋体，楷体等）网址链结〈a href="URL"〉〈/a>设定锚点<a name=”?”〉</a〉（?以容易记为原则)链结到锚点〈a href="＃？"〉</a〉(同一份文件)<a href=”URL＃？”></A〉(锚点不同文件）显示图形〈img src="URL"></a>图形位置<img src=”URL" align=top,bottom,middle,left，right〉(分别为上、下、中、左、右的位置)图形取代文字〈img src=”URL”alt=?〉（无法显示图形时用)图形尺寸<img src=”URL" width=? height=?〉（?以像素为单位）连结图形边线〈img src=”URL”border=？>(？以像素为单位）图形四周留白〈img src="URL”hspace=? vspace=?>(？以像素为单位)段落〈p>〈/p〉断行〈br>〈/br>横线<hr〉横线厚度〈hr size=?>（？以像素为单位）横线长度<hr width=?〉(？以像素为单位）横线长度<hr width=？%>(?与页宽相比较)实横线<hr noshade〉(无立体效果）背景图案<body background=图形文件名>(图形文件格式为gif和jpg)背景颜色〈body bgcolor=＃rrggbb〉(RGB色码）背景文字颜色<body text=#rrggbb>(RGB色码）未链结点颜色〈body link=#rrggbb>（RGB色码）已链结点颜色〈body vlink=＃rrggbb〉(RGB色码）正在链结点颜色<body alink=#rrggbb(RGB色码)三、具体在做html文件前，我们还有哪些需要做的：1、网页图象一般有什么要求？受网络传输速度制约，图象要尽量小。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一、文字备忘之标签HTML5中新增的标签<article> 定义文章<aside> 定义页面内容旁边的内容<audio> 定义声音内容<canvas> 定义图形<command> 定义一个控制按钮<datagrid> 指树或表格状数据格式中的动态数据<datalist> 定义一个下拉列表<details> 定义一个元素的细节<dialog> 定义会话或人的交谈<embed> 定义额外的交互内容或插件<figcaption>定义指定元素的标题<figure> 定义一组媒体内容，以及他们的标题<footer> 为章节或页面定义一个底部<header> 为章节或页面定义一个头部<hgroup> 定义文档中某段落的信息<keygen> 定义表单生成的关键<mark> 定义被标记的文本<meter> 定义预定义范围内的测量<nav> 定义导航链接<output> 定义某种类型的输出<progress> 定义任意种类任务的进程<rp> 定义浏览器不支持ruby元素的替代者<rt> 定义ruby注释的解释<ruby> 定义ruby 注释（中文注音或字符）。
<section> 定义章节<source> 定义媒体资源<summary> 定义某”detail”元素的头部<time> 定义日期/时间<video> 定义视频<wbr> 定义可能的换行HTML5支持且同时存在于HTML4中的标签<!–…–> 定义注释<!DOCTYPE> 定义文档类型<a> 定义超链接<abbr> 定义缩写<address> 定义地址元素<area> 定义图片地图的某区域<b> 定义加粗文字<base> 定义整个页面的基础URL <bdo> 定义文本显示的方向<blockquote> 定义一个长引用<body> 定义主体元素<br> 插入单个的换行<button> 定义按钮<caption> 定义表格的标题<cite> 定义引用<code> 定义计算机代码文本<col> 定义表格列的属性<colgroup> 定义表格列的组<dd> 定义个定义描述<del> 定义删除文本<dfn> 定义个定义项<div> 定义文档章节<dl> 定义定义列表<dt> 定义定义项<em> 定义强调文本<fieldset> 定义控件组<form> 定义表单<h1>到<h6> 定义头部1到头部6 <head> 定义文档信息<hr> 定义水平线<html> 定义个html文档<i> 定义倾斜文本<iframe> 定义内联替代窗口（框架）<img> 定义个图片<input> 定义输入域<ins> 定义插入文本<kbd> 定义键盘文本<label> 定义表单控件的标签<legend> 定义控件组的标题<li> 定义列表项<link> 定义相关资源<map> 定义图片地图<menu> 定义菜单列表<meta> 定义元信息<noscript> 定义无脚本章节<object> 定义内嵌对象<ol> 定义一个有序列表<optgroup> 定义个选项组<option> 定义下拉列表选项<p> 定义段落<params> 定义object的参数<pre> 定义预格式化文本<q> 定义短引用<s> 定义不再正确的文本<samp> 定义简单的计算机代码<script> 定义脚本<select> 定义可选择列表<small> 定义小点的文本<span> 定义文档章节<strong> 定义强调的文字<style> 定义一个样式定义<sub> 定义下标文字<sup> 定义上标文字<table> 定义表格<tbody> 定义表格的主体<td> 定义表格单元格<textarea> 定义文本域<tfoot> 定义表格底部<th> 定义表格头<thead> 定义表格头<title> 定义文档的标题<tr> 定义表格行<ul> 定义无序列表<var> 定义变量HTML5不支持的标签<acronym> 在HTML4.01中定义首字母缩略词<applet> 定义内嵌的小应用程序<basefont> 定义文档中基本的字体属性<big> 让文字变大点<center> 居中显示文字或内容<dir> 定义目录列表<font> 指定字体种类，大小，颜色等<frame> 在框架集中定义独有的窗体<frameset> 定义框架集，包含多个窗体<noframe> 当浏览器不支持框架的时候显示文字<strike> 定义删除线文本<tt> 定义电传打字机文本<u> 定义下划线文字<xmp> 定义格式化的文字HTML5中新增的标签<article> 定义文章<aside> 定义页面内容旁边的内容<audio> 定义声音内容<canvas> 定义图形<command> 定义一个控制按钮<datagrid> 指树或表格状数据格式中的动态数据<datalist> 定义一个下拉列表<details> 定义一个元素的细节<dialog> 定义会话或人的交谈<embed> 定义额外的交互内容或插件<figcaption> 定义指定元素的标题<figure> 定义一组媒体内容，以及他们的标题<footer> 为章节或页面定义一个底部<header> 为章节或页面定义一个头部<hgroup> 定义文档中某段落的信息<keygen> 定义表单生成的关键<mark> 定义被标记的文本<meter> 定义预定义范围内的测量<nav> 定义导航链接<output> 定义某种类型的输出<progress> 定义任意种类任务的进程<rp> 定义浏览器不支持ruby元素的替代者<rt> 定义ruby注释的解释<ruby> 定义ruby 注释（中文注音或字符）。
<section> 定义章节<source> 定义媒体资源<summary> 定义某”detail”元素的头部<time> 定义日期/时间<video> 定义视频<wbr> 定义可能的换行二、HTML5文字备忘之全局属性HTML5新添加全局属性contenteditable 指定是否允许用户编辑内容true | falsecontextmenu 定义元素的上下文菜单menu iddraggable 指定是否允许用户拖拽元素true|false|autodropzone 指定当拖拽数据放开的时候会发生什么copy|move|linkhidden 指定元素不相干hiddenspellcheck 指定是否元素要进行拼写检查true | falseHTML5新添加全局属性contenteditable 指定是否允许用户编辑内容true | falsecontextmenu 定义元素的上下文菜单menu iddraggable 指定是否允许用户拖拽元素true|false|autodropzone 指定当拖拽数据放开的时候会发生什么copy|move|linkhidden 指定元素不相干hiddenspellcheck 指定是否元素要进行拼写检查true | false已存在的全局属性accesskey 指定访问元素的快捷键字符(character)class 指定元素的类名（为样式表）类名(classname)dir 指定元素文本内容的对齐方向ltr|rtlid 为元素指定唯一的ididlang 为元素内容指定语言代码语言代码(language code)style 指定元素的内联样式样式定义(style definition)tabindex 指定元素的tab顺序数值(nubmer)title 指定元素额外的信息文本(text)已存在的全局属性accesskey 指定访问元素的快捷键字符(character)class 指定元素的类名（为样式表）类名(classname)dir 指定元素文本内容的对齐方向ltr|rtlid 为元素指定唯一的ididlang 为元素内容指定语言代码语言代码(language code)style 指定元素的内联样式样式定义(style definition)tabindex 指定元素的tab顺序数值(nubmer)title 指定元素额外的信息文本(text)三、HTML5文字备忘之事件属性1. window对象window新增事件属性onafterprint在文档打印之后执行onbeforeprint 在文档打印之前执行onbeforeloaded 在文档加载完毕之前执行onerror 当错误发生时执行onhaschange 当文档发生改变的时候执行onmessage 当该信息被触发的时候执行onoffline 当文档离线的时候执行ononline 当文档上线的时候执行onpagehide 当窗体隐藏的时候执行onpageshow 当窗体显示的时候执行onpopstate 当窗体历史改变的时候执行onredo 当文档执行恢复上一次操作的时候执行onresize 当窗体大小改变的时候执行onstorage 当文档加载ok的时候执行onondo 当文档执行恢复之前一次操作的时候执行onunload 当用户离开文档的时候执行window已存在事件属性onblur 当窗体失去焦点的时候执行onfocus 当窗体获得焦点的时候执行onload 当文档加载完毕的时候执行2. form表单的事件属性form表单新增事件属性oncontextmenu 当上下文菜单被触发的时候执行onformchange 当表单发生改变的时候执行onforminput 当表单获得用户输入时候执行oninput 当元素获得用户输入的时候执行oninvalid 当元素验证无效的时候执行form表单已支持事件属性onblur 当元素失去焦点的时候执行onchange 当元素改变的时候执行onfocus 当元素获得焦点的时候执行onselect 当元素被选择的时候执行onsubmit 当表单被提交的时候执行HTML5不支持的form表单事件属性onreset 当表单重置的时候执行3. 键盘事件已存在的键盘事件属性onkeydown 当键按下的时候执行onkeypress 当键按下并释放的时候执行onkeyup 当键抬起的时候执行4. 鼠标事件HTML5新增鼠标事件属性ondrag 当元素被拖拽的时候执行ondragend 当元素拖拽操作结束的时候执行ondragenter 当元素拖拽进入释放对象的时候ondragleave 当元素拖拽离开释放对象的时候ondragover 当元素拖拽经过释放对象的时候ondragstart 当元素拖拽操作开始的时候执行ondrop当拖拽元素被放开的时候onmouswheel 当鼠标滑轮滚动的时候执行onscroll 当元素的滚动条滚动的时候执行已存在的鼠标事件属性onclick 当鼠标点击的时候执行ondbclick 当鼠标双击的时候执行onmousedown 当鼠标按下的时候执行onmousemove 当鼠标移动的时候执行onmouseout 当鼠标移出元素的时候执行onmouseover 当属性进入元素的时候执行onmouseup 当鼠标抬起的时候执行5. 媒体事件HTML5中新增媒体事件oncanplay 当媒体可以播放的时候执行oncanplaythrough 当媒体可以播放到最后的时候执行ondurationchange 当媒体长度改变的时候执行onemptied 当媒体资源元素变成空的时候执行onended 当媒体已经到达最后的时候执行onerror 当加载元素发生错误的时候执行onloadeddata 当媒体数据加载完毕的时候执行onloadedmetadata 当媒体元素的持续时间加载完毕的时候执行onloadstart 当浏览器开始加载媒体数据的时候执行onpause 当媒体数据暂停的时候执行onplay 当媒体数据继续开始播放的时候执行onplaying 当媒体数据已经开始播放的时候执行onprogress 在浏览器正在获取媒体数据的时候执行onratechange 当媒体数据播放比率发生改变的时候执行onreadystatechange 当ready-state发生改变的时候执行onseeked 当元素的seeking属性不是true的时候执行onseeking 当元素的seeking属性是true的时候执行onstalled 当获取元素数据发生错误的时候执行onsuspend 当浏览器停止获取媒体数据的时候执行ontimeupdate 当媒体改变其播放位置的时候执行onvolumechange 当媒体音量大小发生改变的时候执行，包括无声onwaiting 当媒体元素停止播放的时候已存在的媒体事件属性onabort 碰到abort的时候执行四、HTML5文字备忘之浏览器的准备情况。