关于自我总结的html5新特性
最近本包子制订了一个学校计划,第一步就是了解并总结一下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新特性的更多相关文章
- html5新特性
这一篇博文不会告诉你怎么去使用html5的新特性,只会给你总结一下新特性------对于好学的人可以把这篇文章当做一个目录 对于初接触的人来说是一个导向 对于已经接触过的人来说是一个检测你掌握程度的检 ...
- 转: HTML5新特性之Mutation Observer
转: HTML5新特性之Mutation Observer Mutation Observer是什么 Mutation Observer(变动观察器)是监视DOM变动的接口.当DOM对象树发生任何变动 ...
- HTML5新特性之CSS+HTML5实例
1.新的DOCTYPE和字符集 HTML5的一项准则就是化繁为简,Web页面的DOCTYPE被极大的简化. <!DOCTYPE html> 同时字符集声明也被简化了: <meta c ...
- HTML5新特性:FileReader 和 FormData
连接在这里: HTML5新特性:FileReader 和 FormData
- web全栈架构师[笔记] — 03 html5新特性
HTML5新特性 一.geolocation PC端 精度比较低 通过IP库定位 移动端 通过GPS window.navigator.geolocation 单次 getCurrentPositio ...
- HTML5新特性:范围样式
原文出处:http://blog.csdn.net/hfahe/article/details/7381141 Chromium 最近实现了一个HTML5的新特性:范围样式,又叫做< ...
- html5新特性与用法大全了解一下
有好多小伙伴私聊我问我html5新特性 和用法,下面我给大家具体介绍一下html5都新加了哪些新特性,下面我给大家总结一下. 1)新的语义标签 footer header 等等2)增强型表单 表单2. ...
- html5新特性contenteditable 属性更容易实现动态表单
介绍html5新特性的一个属性:contenteditable 作用域全局.所有的块标签都可以,例如:span.p.div.td等标签.但是,不可以作用域<br/>类型的标签. conte ...
- HTML5新特性之文件和二进制数据的操作 Blob对象
HTML5新特性之文件和二进制数据的操作 1.Blob对象 2.FileList对象 3.File对象 4.FileReader 对象 5.URL对象
随机推荐
- Unity学习笔记 之 关于 Unity UI 的 Slider 的代码记录
代码例如以下: using UnityEngine; using System.Collections; //1.引入 UI . using UnityEngine.UI; public class ...
- Unity 提取游戏资源之ktx转换
http://blog.csdn.net/akof1314/article/details/38022263 从雨松的博文<Unity3D研究院之mac上从.ipa中提取unity3D游戏资源( ...
- FastGUI for NGUI教程
原地址:http://blog.csdn.net/asd237241291/article/details/8499430 FastGUI是NGUI的一个扩展,所以必须要有NGUI才能使用.FastG ...
- re中match和search的不同
re.match与re.search的区别:re.match只匹配字符串的开始,如果字符串开始不符合正则表达式,则匹配失败,函数返回None:而re.search匹配整个字符串,直到找到一个匹配.
- Vue 组件开发demo
1.代码地址 github:https://github.com/MengFangui/VueComponentDemo- 2.关键代码 (1)main.js //引入vue import Vue f ...
- Spring搭配Ehcache实例解析
转载请注明出处:http://blog.csdn.net/dongdong9223/article/details/50538085 本文出自[我是干勾鱼的博客] 1 Ehcache简单介绍 EhCa ...
- 用jQuery和PHP来实现转盘抽奖程序
准备工作 首先要准备素材,抽奖的界面用到两张图片,圆盘图片和指针图片,实际应用中可以根据不同的需求制作不同的圆盘图片. 接着制作html页面,实例中我们在body中加入如下代码: <div cl ...
- sklearn-GBDT 调参
1. scikit-learn GBDT类库概述 在sacikit-learn中,GradientBoostingClassifier为GBDT的分类类, 而GradientBoostingRegre ...
- Android JNI和NDK学习(04)--NDK调试方法(转)
本文转自:http://www.cnblogs.com/skywang12345/archive/2013/05/23/3092812.html 本文主要介绍在ndk中添加log的方法.然后,我们就可 ...
- vimrc之fileformat
我在Linux开发时经常会遇到这样的问题,在windows下编辑的文件拿到Linux下打开时发现会在每行的结尾出现一个^M的符号,影响美观 为了消除这个符号,刚开始不知道Linux下有unix2dos ...