Html5新增特性

新增标记

定义命令按钮
以下两个属于状态交互元素,value属性用于设置元素展示的实际数值,默认为0,min和max属性是元素展示的最小和最大值,low和hight属性是元素展示的最低和最高值,范围在min-max之间

<meter value="" min="" max=""low="" hight="" ...>定义数值条
<progress value="" min="" max="" low="" hight="" ...>定义进度条

速度120km

油量120km

定义日期或时间 定义元素的摘要
......
定义元素的细节,常与标记配合 details初始时只会显示summary中的内容,当用户单击details元素时,会展开显示details元素的所有内容


河北农业大学

河北农业大学是一所全日制本科学校


河北农业大学

河北农业大学是一所全日制本科学校

定义媒介内容的分组,以及它们的标题

...突出的文本

给文本加背景色以突出显示
ruby注释解释定义ruby语言的注释,定义ruby注释的解释
xmlhttprequest页面不足时,一个单词内字母换行的位置

页面结构标记

头部
脚步
导航
分区
文章(主栏)
左侧栏

新增表单标记和属性

标记新增类型
网址输入框 输入网址的文本框
E-mail输入框 输入E-mail地址的文本框
数字输入框 输入数字的文本框,并可设置输入值的范围

范围滑动条 可拖动滑动条,用于改变一定范围的数字
20199

日期选择框 可选择日期的文本框

搜索选择框 输入搜索关键字的文本框

新增公共属性

设置元素自动获得焦点
使用正则表达式验证input元素的内容
设置文本输入框中的默认内容
验证文本框内容是否为空,为空,在表单提交时,显示错误信息
提交表单时不验证表单或输入框的内容
设置表单或输入框是否具有自动完成功能,属性值on或off

新增表单元素

datalist元素

辅助表单中文本框的数据输入,该元素本身是隐藏的,需要与文本框的list属性绑定,只有将list属性值设置为datalist元素的ID即可





output元素

在页面中显示各种不同类型的表单元素的内容或运算后的结果,需要配合onFormInput事件使用


0100+=

0100+=
keygen元素

用于生成网页的密钥

新增多媒体标记

video

src属性用于指定视频文件的路径和文件名,width和height属性设置视频的显示大小,controls属性用于设置是否显示控制条,设置视频的文件地址

浏览器支持

以上两者共同的属性

autoplay:媒体文件在网页打开后自动播放
controls:播放界面下面会出现滚动条
loop:媒体文件循环播放
preload:媒体文件在页面加载时加载,并且预播放,如果有autoplay则忽略该属性

canvas

创建canvas元素,并定义元素的ID,设置元素的宽高

通过js获取canvas元素,并绘制图形

取消的标记(主要的)

字体标记:,,

,等,被css取代
java小程序嵌入标记:
框架标记:,