最近本包子制订了一个学校计划，第一步就是了解并总结一下html5现在所含有的新特性，好吧，这只是一个了解，- -！

自己总结了一个word文档，里面很多东西自己都还没实际用过，下一步，本包子要写pc端布局和移动端布局的区别，再次，希望对前端有兴趣的朋友们一起探讨，一起学习，一起进步  > o < ~~~

H5的新特性

1.html5语法要求声明Doctype，以确保浏览器以标准模式渲染页面。Doctype没有其他用途。

Html5中声明doctype的语法为<!Doctype html> 这不区分大小写。因为html4语法是基于SGML，所以需要引用DTD，而在新html5标准中，再也不需要引用DTD了，因为html5不再基于SGML。

2.html语法允许文档内嵌MathML和SVG元素

3.空元素br允许有一个结尾反斜扛

4.新标签的引入是为了更好的文档结构，section，article，main，aside，header，footer，figure

5.表单元素含有很多的新属性：input的type含有更多的新属性的值，例如tel，search，url，email，date，time，number，range，color，reset（重置）

6.Meat元素有了charset属性；ol元素有了reversed属性，他代表着列表的顺序是逆序

7.被废弃的元素：basefont，big，center，font，strike，tt。被废弃的原因是仅仅是用于展现层面的标签，他们用css处理更好  frame，frameset，noframes被废弃，因为他们有损可访问性和可用性

8.Html5为了帮web app的开发，引入了一些新的接口

9.表单限制验证接口，例如setCustomValidity，这个代表验证未通过的时候，提示的验证信息

10.引入应用缓存机制，允web app的离线API

11.允许Web App注册为对应协议或媒体类型的处理应用的APP的API（即regiesterProtocolHandler和regiesterContentHandler）

12.增加history接口，允许使用脚本无刷新更新页面的URL

13.Html5建立的一些规则：新特性应该基于html，css，dom以及js。减少对外部插件的需求，例如flash。更优秀的错误处理。更多取代脚本的标记。Html5应该独立于设备。开发进程应该对公众透明

14.Html5中一些有趣的新特性：用于绘画的canvas元素。用于媒介回放的video和audio元素。对本地离线存储的更好的支持。新的特殊内容元素。新的表单控件

15.Video的controls=“controls”这个属性控制视频播放的下面的声音控制，播放控制等等控制

16.Video中autoplay属性，代表，视频在页面加载完之后，准备就绪了，就自动开始播放，

17.Html5新增了一个拖放的新特性，也就是drag和drop

18.Html5新增了canvas画布，现在，越来越流行用canvas画图或做小游戏

19.Html5新增加的地理定位API  Geolocation，其中getCurrentposition()用来获得当前用户的位置

20.Html5新提供了2个在客户端存储数据的新方法   localStorage 没有时间限制的存储方法以及sessionStorage  是针对session的一个存储。之前是由cookie来存储，但是cookie不适合大量的数据存储   在本地存储的时候，可以使用，例如 localStorage.lastname=”xxx”

21.html5的新增了离线缓存，离线缓存含有一下三个优势：1，用户可以在离线的时候使用它们，也就是离线浏览2.对于已缓存的资源能加载的更快，提高了速度3.浏览器只从服务商下载更新过或更改过的资源，这样可以减少浏览器的负担。如果要启用应用缓存的话，那么在html标签中要包含manifest属性

22.新增webworker，这个我暂时还没做研究

关于自我总结的html5新特性的更多相关文章

  1. html5新特性

    这一篇博文不会告诉你怎么去使用html5的新特性,只会给你总结一下新特性------对于好学的人可以把这篇文章当做一个目录 对于初接触的人来说是一个导向 对于已经接触过的人来说是一个检测你掌握程度的检 ...

  2. 转: HTML5新特性之Mutation Observer

    转: HTML5新特性之Mutation Observer Mutation Observer是什么 Mutation Observer(变动观察器)是监视DOM变动的接口.当DOM对象树发生任何变动 ...

  3. HTML5新特性之CSS+HTML5实例

    1.新的DOCTYPE和字符集 HTML5的一项准则就是化繁为简,Web页面的DOCTYPE被极大的简化. <!DOCTYPE html> 同时字符集声明也被简化了: <meta c ...

  4. HTML5新特性：FileReader 和 FormData

    连接在这里: HTML5新特性:FileReader 和 FormData

  5. web全栈架构师[笔记] — 03 html5新特性

    HTML5新特性 一.geolocation PC端 精度比较低 通过IP库定位 移动端 通过GPS window.navigator.geolocation 单次 getCurrentPositio ...

  6. HTML5新特性：范围样式

    原文出处:http://blog.csdn.net/hfahe/article/details/7381141        Chromium 最近实现了一个HTML5的新特性:范围样式,又叫做< ...

  7. html5新特性与用法大全了解一下

    有好多小伙伴私聊我问我html5新特性 和用法,下面我给大家具体介绍一下html5都新加了哪些新特性,下面我给大家总结一下. 1)新的语义标签 footer header 等等2)增强型表单 表单2. ...

  8. html5新特性contenteditable 属性更容易实现动态表单

    介绍html5新特性的一个属性:contenteditable 作用域全局.所有的块标签都可以,例如:span.p.div.td等标签.但是,不可以作用域<br/>类型的标签. conte ...

  9. HTML5新特性之文件和二进制数据的操作 Blob对象

    HTML5新特性之文件和二进制数据的操作 1.Blob对象 2.FileList对象 3.File对象 4.FileReader 对象 5.URL对象

随机推荐

  1. 【Android 工具类】经常使用工具类（方法）大全

    收集经常使用的工具类或者方法: 1.获取手机分辨率 /** * 获取手机分辨率 */ public static String getDisplayMetrix(Context context) { ...

  2. Git——使用gitignore建立项目过滤规则

    在进行协作开发代码管理的过程中,常常会遇到某些临时文件.配置文件.或者生成文件等,这些文件由于不同的开发端会不一样,如果使用git add . 将所有文件纳入git库中,那么会出现频繁的改动和push ...

  3. android 内部类的优化

    developer.android.com 文档中有一篇关于性能的文章,里面提到了内部类的使用.文章建议"对于私有内部类 使用 包訪问权限取代私有权限訪问", 这里说的是在内部类訪 ...

  4. android:id="@android:id/tabhost" 、android:id="@+id/llRoot" 、android:id="@id/llRoot" 之间的区别

    由于快要放暑假了,所以最近这俩周把Android方面的知识复习一下,准备找个实习工作. 顺便把自己的总结更大家分享一下,共同进步,谢谢.... 一. android:id="@android ...

  5. Android - 返回上一个界面finish()方法

    返回上一个界面finish()方法 本文地址: http://blog.csdn.net/caroline_wendy Android能够使用finish()方法,实现函数返回的功能.当不是Activ ...

  6. CS0016: 未能写入输出文件“c:\Windows\Microsoft.NET\Framework\v4.0.30319\Temporary ASP.NET Files\

    解决方法: 1:设置 C:\windows\temp 文件夹安全权限  添加用户 NETWORK SERVICE  写入和读取权限 2:设置 C:\windows\temp 文件夹安全权限  添加用户 ...

  7. 在Windows Python3.5 安装LightGBM

    LightGBM是微软旗下DMTK推出的Gradient Boosting框架,因为其快速高效,以后或许会成为数据挖掘竞赛中的又一个大杀器.地址:https://github.com/Microsof ...

  8. Java实现XSS防御

    XSS概述 跨站脚本攻击(Cross Site Scripting),缩写为XSS.恶意攻击者往Web页面里插入恶意Script代码,当用户浏览该页之时,嵌入其中Web里面的Script代码会被执行, ...

  9. centos7系统备份与还原

    1. 前言 在使用Ubuntu之前,相信很多人都有过使用Windows系统的经历.如果你备份过Windows系统,那么你一定记忆犹新:首先需要找到一个备份工具(通常都是私有软件),然后重启电脑进入备份 ...

  10. 大数据(6) - MapReduce简易介绍入门

    一 MapReduce入门 MapReduce定义(简单来说就是hadoop的数据分析核心,理解其中的原理,则可以分析聚合一切需求) Mapreduce是一个分布式运算程序的编程框架,是用户开发“基于 ...