HTML5,CSS3新特性,与旧版的区别
HTML5新特性
(1)语意化更好的内容元素,比如 article、footer、header、nav、section
(2)本地存储。sessionStorage、localStorage和indexedDB加强本地存储。使用之前应该先判断支持情况
if(window.sessionStorage){
//浏览器支持sessionStorage
}
if(window.localStorage){
//浏览器支持localStorage
}
localStorage和sessionStorage,cookie的区别:
sessionStorage基于会话,关闭浏览器之后存储消失。
localStorage是域内安全,也就是同一个域才能对localStorage进行存储,所以可能遇到的坑是跨域问题,可以通过postMessage来解决
localStorage在各浏览器中上限不同,最低的是2.6MB, 所以开发上限为2.6MB,如果还是不够的话可借助indexedDB, indexedDB上限是250MB。
localStorage和cookie另一个区别是没有过期时间,不过这个可以在localStorage中加一个时间字段轻松解决这个问题。
(3)离线web应用
(4)表单新增功能
可以通过input的form属性綁定form,实现数据随着form表单一起提交
placeholder屬性
autofocus属性,页面只能有一个
表单控件,calendar、date、time、email、url、search、number。
(5)地理定位
CSS3提供了更多的选择器:
before、after、first-child、nth-child。提供的效果包括box-shadow、text-shadow、background-size选择器,盒模型,背景和边框,文字特效,2D/3D转换,动画,多列布局,用户界面
-moz、-webket,-o,-ms(IE)等等css做浏览器兼容用
还可以使用media-query实现响应式布局
用于媒介回放的 video 和 audio 元素
用于绘画 canvas 元素
最新文章
- Centos 6.5安装bugzilla 5.0.2
- 简单Ztree的实现————不连接数据库版
- RHadoop计算平台搭建
- ###使用phpmailer自动邮件提醒
- Java位运算在程序设计中的使用:位掩码(BitMask)
- android学习笔记----JNI中的c控制java
- windows下bat批处理实现守护进程(有日志)
- 【转】Jython简单入门
- mysql关联删除
- [转]修改python默认的编码方式
- 【小白成长撸】--链栈(C语言版)
- HTML5标签总结笔记
- 如何给网站添加CNZZ站长统计功能代码的常用办法
- python字符串常用的方法解析
- 任务调度--使用java.util.Timer实现
- 3-STM32带你入坑系列(自己封装点亮一个灯的库--Keil)
- 删除csdn上面自己上传的资源
- Python之路【第二篇】计算机组成
- Balanced Sequence HDU - 6299(杭电多校1 B)
- Java 终结方法 避免使用终结方法
热门文章
- 斯坦福新深度学习系统 NoScope:视频对象检测快1000倍
- the process android.process.acore has stopped或the process com.phone。。。。
- android drawable资源调用使用心得
- Parquet学习总结
- 如何显示bootstrap fileinput缩略图上面的删除按钮
- SQL Server: Windows Firewall with Advanced Security
- 我的Java历程_Java对象类型的转换
- 解决Windows下git需要每次都要ssh-add的问题
- Webpack的作用(一个基础的打包编译工具在做什么?)
- BZOJ2870 最长道路tree(并查集+LCA)