HTML5

HTML5中div、article、section的区别及使用介绍

jerry HTML5
最近正在学习html5,刚接触html5,感觉有点不适应,因为有一些标签改变了,特别是div, section article这三个标签,查了一些资料,也试着用html5和css3布局网页,稍微有点头绪了,下边还有一个我刚刚布局好的一个简

html5 viewport使用方法示例详解

jerry HTML5
viewport 语法介绍: <!– html document –><meta name=”viewport”content=”height = [pixel_value | device-height] ,width = [pixel_value | devic...
阅读全文

HTML5 input元素类型:email及url介绍

jerry HTML5
在前面的博文,我们已经讨论了一些HTML5改进的地方,比如placeholder,prefetching以及webStorage,下面我要介绍的是两个新的input元素类型: email和url。让我们跟着代码来看看他们的好处: 语法格式: 新的input type

css代码优化的12个技巧

jerry HTML
1.ID 规则2.Class 规则3.标签规则4.通用规则对效率的普遍认识是从Steve Souders在2009年出版的《高性能网站建设进阶指南》开始,虽然该书中罗列的更加详细,但你也可以在这里查看完整的引用列表,也可以在谷歌的《高

三个不常见的 HTML5 实用新特性简介

jerry HTML
一、DNS 预解析缓存 众所周知,解析 DNS 是网站性能优化的比较重要的一部分,虽然加载时间不太长,但是很难压缩起来。特别是为了并发下载资源而使用多个 CDN 域名来加载资源的大型网站,更不可忽视,每加载资源之前

HTML5安全介绍之内容安全策略(CSP)简介

jerry HTML5
 万维网的安全策略植根于同源策略。例如www.的代码只能访问www.的数据,而没有访问http://www.baidu.com的权限。每个来源都与网络的其它部分分隔开,为开发人员构建了一个安全的沙箱。理论上这是完美的,但是现在攻

用HTML5实现网站在windows8中贴靠的方法

jerry HTML5
用HTML5实现网站在windows8中贴靠的方法
 首先来了解一下windows 8 的贴靠,在windows 8 中的Metro应用可以将屏幕很好的进行分割.如下图   让用户在使用时可以非常方便的切换。 系统对贴靠也是有硬性规定的。最多两个屏幕,而且是一个大的一个小的。并

HTML5 WebStorage(HTML5本地存储技术)

jerry HTML
HTML5 WebStorage(HTML5本地存储技术)
WebStorage是HTML5中本地存储的解决方案之一,在HTML5的WebStorage概念引入之前除去IE User Data、Flash Cookie、Google Gears等看名字就不靠谱的解决方案,浏览器兼容的本地存储方案只有使用cookie。有同学可能会问

使用HTML5实现刮刮卡效果

jerry HTML
使用HTML5实现刮刮卡效果
你玩过刮刮卡么?一不小心可以中奖的那种。今天我给大家分享一个基于HTML5技术实现的刮刮卡效果,在PC上只需按住鼠标,在手机上你只需按住指头,轻轻刮去图层就可以模拟真实的刮奖效果。

HTML5应用之文件拖拽上传

jerry HTML
使用HTML5的文件API,可以将操作系统中的文件拖放到浏览器的指定区域,实现文件上传到服务器。本文将结合实例讲解HTML5+jQuery+PHP实现拖拽上传图片的过程,来看下HTML5的魅力吧