HTML5新特性的简单了解
html5是HTML的最新修订版本,仍旧由W3C完成标准制定。HTML5的设计初衷是在移动设备上也能支持多媒体,而且相对之前的版本来说,HTML5更加简单易学。
HTML5是下一代的HTML标准,但仍处于完善中,即便如此,如今的大部分浏览器也已经开始支持HTML5
HTML5支持浏览器:
Firefox(火狐浏览器)
IE浏览器(IE9及更高版本)
Chrome(谷歌浏览器)
Safari,Opera,360,搜狗猎豹等国内外主流浏览器
HTML5 中的一些有趣的新特性:
-
用于绘画的 canvas 元素
-
用于媒介回放的 video 和 audio 元素
-
对本地离线存储的更好的支持
-
新的特殊内容元素,比如
-
article(页面独立内容区域)、footer(添加页脚)、header(定义文档头部区域)、nav(定义导航链接)、section(定义一个独立的文档节)
HTML5的改进:
-
新元素
-
新属性
-
完全支持 CSS3
-
Video 和 Audio
-
2D/3D 制图
-
本地存储
-
本地 SQL 数据
-
Web 应用
使用 HTML5 你可以简单的在网页中播放 视频(video)与音频 (audio) 。
- HTML5 <video>
- HTML5 <audio>
input标签的type属性:
- email:实现邮箱验证
- tel:不会进行格式验证,因为各个国家的电话号码形式各不相同,它的本质目的是为了能够在移动端打开数字键盘
- url:进行网址验证
- number:只能输入数字以及小数点,它可以设置默认值、最大值、最小值:
<input type="number" value="66" max="100" min="0">
- search:可以提供更人性化的输入体验
- range:可调整的范围
- color
- date
- time
- datetime:日期加时间,只有safari支持
- datetime-local:日期加时间
- month | week
另:
以下的 HTML 4.01 元素在HTML5中已经被删除:
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>