【html5】html学习笔记1

html5语法规则

1.标签要小写
2.省略标签如 <tr> <td> <tr><td>
3.属性不加” 如 <div id=div1>
4.单标签不加结束标签如 <img src="">
5.废除标签 font center big等
6 html5文档声明 <!DOCTYPE HTML>

HTML5新增标签

1.结构性标签

header 定义头部

 <header>我是头部</header>

nav 定义导航

<nav>

<a href="#">1</a>

<a href="">2</a>

<a href="">3</a>

</nav>

footer定义尾部

aside 定义侧边栏

section 定义 section。

article 定义文章。

aside 定义页面内容之外的内容。

details 定义元素的细节。

dialog 定义对话框或窗口。

summary 为 <details> 元素定义可见的标题。

2.描述性标签

time 表示时间

datalist 定义下拉列表。

<label><input type="text" name="" value="" list='l1'></label>

<datalist id="l1">

    <option value="1">1</option>

    <option value="2">2</option>

    <option value="3">3</option>

    <option value="4">4</option>

    <option value="5">5</option>

</datalist>

rp定义若浏览器不支持 ruby 元素显示的内容。
rt 定义 ruby 注释的解释。
ruby 定义 ruby 注释

3.图形图像标签

<canvas> 定义图形。
<figcaption> 定义 figure 元素的标题。
<figure> 定义媒介内容的分组，以及它们的标题。

4.音频视频标签

<audio> 定义声音内容。
<source> 定义媒介源。
<video> 定义视频。

<video preload autoloop loop controls poster="01.jpg">

<source src="http://www.w3school.com.cn/i/movie.ogg" >

</video>

HTML5新增属性

contenteditable 规定元素内容是否可编辑。

contextmenu 规定元素的上下文菜单。上下文菜单在用户点击元素时显示。

draggable 规定元素是否可拖动。

dropzone 规定在拖动被拖动数据时是否进行复制、移动或链接。

hidden 规定元素仍未或不再相关。

spellcheck 规定是否对元素进行拼写和语法检查。

HTML5新增事件

Form 事件

oncontextmenu 当上下文菜单被触发时运行的脚本。

onfocus 当元素失去焦点时运行的脚本。

onformchange 在表单改变时运行的脚本。

onforminput 当表单获得用户输入时运行的脚本。

oninput 当元素获得用户输入时运行的脚本。
oninvalid 当元素无效时运行的脚本。

鼠标事件

ondrag script 元素被拖动时运行的脚本。

ondragend script 在拖动操作末端运行的脚本。

ondragenter script 当元素元素已被拖动到有效拖放区域时运行的脚本。

ondragleave script 当元素离开有效拖放目标时运行的脚本。

ondragover script 当元素在有效拖放目标上正在被拖动时运行的脚本。

ondragstart script 在拖动操作开端运行的脚本。

ondrop script 当被拖元素正在被拖放时运行的脚本。

Media 事件

oncanplay 当文件就绪可以开始播放时运行的脚本（缓冲已足够开始时）。

oncanplaythrough 当媒介能够无需因缓冲而停止即可播放至结尾时运行的脚本。

ondurationchange 当媒介长度改变时运行的脚本。

onemptied 当发生故障并且文件突然不可用时运行的脚本（比如连接意外断开时）。

onended 当媒介已到达结尾时运行的脚本（可发送类似“感谢观看”之类的消息）。
onerror 当在文件加载期间发生错误时运行的脚本。

onloadeddata 当媒介数据已加载时运行的脚本。

onloadedmetadata 当元数据（比如分辨率和时长）被加载时运行的脚本。

onloadstart 在文件开始加载且未实际加载任何数据前运行的脚本。

onpause 当媒介被用户或程序暂停时运行的脚本。

onplay 当媒介已就绪可以开始播放时运行的脚本。

onplaying 当媒介已开始播放时运行的脚本。

onprogress 当浏览器正在获取媒介数据时运行的脚本。

onratechange 每当回放速率改变时运行的脚本（比如当用户切换到慢动作或快进模式）。

onreadystatechange 每当就绪状态改变时运行的脚本（就绪状态监测媒介数据的状态）。

onseeked 当 seeking 属性设置为 false（指示定位已结束）时运行的脚本。

onseeking 当 seeking 属性设置为 true（指示定位是活动的）时运行的脚本。

onstalled 在浏览器不论何种原因未能取回媒介数据时运行的脚本。

onsuspend 在媒介数据完全加载之前不论何种原因终止取回媒介数据时运行的脚本。

ontimeupdate 当播放位置改变时（比如当用户快进到媒介中一个不同的位置时）运行的脚本。

onvolumechange 每当音量改变时（包括将音量设置为静音）时运行的脚本。

onwaiting 当媒介已停止播放但打算继续播放时（比如当媒介暂停已缓冲更多数据）运行脚本