什么是HTML5?
万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。
HTML5浏览器支持
支持Html5的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等;国内的 遨游浏览器(Maxthon),以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹 浏览器等国产浏览器同样具备支持HTML5的能力。
HTML5的优势
1.减少对PS依赖,完全可以使用纯CSS样式,制作有规则的图形。
2.减少对Flash的依赖,仅仅使用CSS样式,就能制作动画效果。
3.打包成手机应用,可以与原生APP相媲美。易于调试、极大的企业降低人工成本及软件维护成本。
4.开发桌面或手机游戏(canvas 2D,3D),而无需安装任何程序或插件。
5.标准的Socket通信接口,轻松实现聊天室的开发。
HTML5语义表单
<lable>元素
<input tpye="">
文本输入
email 电子邮箱输入框
tel 电话号码输入框(即使输入字母也不会校验)
url 网页URL输入框
search 搜索输入框(自动填充默认打开)
number 数字选择
number – min、max、step 最小,最大取值,间隔取值
数据选择
range 特定范围内的数值选择器
range – min、max、step 最小,最大取值,间隔取值
color 颜色选择
datetime-local 日期+时间选择
time 时间选择
date 日期选择
week 周选择
month 月选择
新的属性
placeholder 输入框提示信息
autocomplete 是否保存用户输入值。默认为on,关闭提示选择off
autofocus 自动获取输入焦点
required 验证类:不能为空值。
pattern 验证类:基于正则表达式。
formaction 在submit里定义提交地址。
formnovalidate 不做表单验证。例如 <input type="submit" formnovalidate>
list 配合元素使用,实现数据过滤选单效果。
表单(form)新的属性
novalidate 统一设置:不对输入进行验证(默认开启验证)
autocomplete 统一设置:输入是否自动填充