html5
文章平均质量分 64
懒女人
这个作者很懒,什么都没留下…
展开
-
新增的8类 HTML5 INPUT输入类型介绍
已经有的输入类型 HTML代码示例: 代码如下: 文本域 单选按钮 复选框 下拉列表 密码域 提交按钮 可单击按钮 图像按钮 隐藏域 重置按钮 文件域 在HTML5中,增加了多个新的表单input输入类型,通过使用这些新增元素,可以实现更好的输入控制和验证。1、email类型的应用email类型的in原创 2016-01-22 13:19:53 · 721 阅读 · 0 评论 -
HTML新特性
http://www.w3school.com.cn/html5/html_5_form_attributes.asp原创 2016-01-22 13:55:12 · 243 阅读 · 0 评论 -
移动端 HTML5开发工具
http://wex5.com/cn/wex5/?utm_source=Baiduhttp://amazeui.org/getting-started原创 2016-01-22 13:58:22 · 905 阅读 · 0 评论 -
关于HTML5你必须知道的28个新特性,新技巧以及新技术
1. 新的Doctype 尽管使用,即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用和来语义化地表示带标题的图片 This is an image of something interesting. 3. 重新定义的 已经被重新定义了,现在被用来表示小的排版,如网站底部的版权声明 4. 去掉link和script标签原创 2016-01-22 13:59:33 · 379 阅读 · 0 评论 -
bootstrap3 兼容IE8浏览器
近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等,bootstrap都已经预先定义好了,当我们制作网页上,只需直接调用里面的css即可bootstrap是一个响应式的布局,你可以在宽屏电脑、普通电脑,平板电脑,手机上都得到非常优秀的布局体验。这种响应式的布局正是通原创 2016-01-22 14:01:38 · 4889 阅读 · 0 评论 -
HTML5新特性
1.Canvas 1.1矩形和线条的绘制 通过fillStyle和strokeStyle 属性可以轻松的设置矩形的填充和线条。颜色值使用方法和CSS 一样:十六进制数、rgb()、rgba() 和 hsla。通过 fillRect可以绘制带填充的矩形。使用 strokeRect 可以绘制只有边框没有填充的矩形。如果想清除部分 canvas可以使用clearRect。上述三个方法的参原创 2016-01-22 14:03:25 · 938 阅读 · 0 评论 -
float学习笔记
float 系统学习float的原本作用是产生文字环绕效果float可以产生包裹、隔绝的效果( BFC)、破坏性 其他具有包裹性质的属性display : inline-block table-cellposition: absolute/fixed/sticky???overflow: hidden/scroll什么是破坏性父元素的高度塌陷其他具有破坏性的属性原创 2016-01-22 14:03:59 · 308 阅读 · 0 评论 -
开发者必须知道的HTML5十五大新特性
HTML5想必大家都很熟悉了,因为太多的媒体在讨论这一技术。然而,你能准确地说出HTML5带来了哪些新特性吗?本文总结了HTML5带来的15项你必须知道的新特性。一起来看下:1.新的文档类型 (New Doctype)目前许多网页还在使用XHTML 1.0 并且要在第一行像这样声明文档类型: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr转载 2016-01-22 14:05:10 · 334 阅读 · 0 评论 -
HTML5新特性及标签标记概要
近期微软宣布在IE9使用HTML5标准并仅支持H.264视频格式,不再支持FLASH,不过天缘感觉有点不可思议,应该是仍然兼容插件支持FLASH才对,毕竟取代FLASH不可能一朝一夕就会完成,Adobe的FLASH也是费了九牛二虎之力才有今天的市场,IE9如果完全不支持FLASH会让IE很被动,而Google近期也宣布Android 2.2将正式支持Flash平台,还好Adobe还是有个缓冲的时间原创 2016-01-22 13:53:52 · 1353 阅读 · 0 评论 -
HTML5中History 新特性使用方法详解
现在html己经慢慢普及了,文章今天就来给大家介绍HTML5中History 新特性的一些应用技巧,这里主要讲到利用HTML5中History来提高ajax 体验了。一. 场景再现如大家熟知,Ajax 可以实现页面的无刷新操作,但会造成两个与普通页面操作(有刷新地改变页面)有着明显差别的问题—— URL 没有修改以及无法使用前进、后退按钮。例如常见的 Ajax 分页,在第一页点击第二页原创 2016-01-22 13:50:55 · 803 阅读 · 0 评论 -
jquery懒加载图片的插件 jquery懒加载图片的插件
jquery有一个比较有名的插件实现页面的懒加载,jquery.lazyLoad.js。需求是:直接从网络下载图片到本地做一个缓存,然后以后打开图片的时候可以直接读取缓存中的文件,即使没有网络也访问正常。对于页面有多张图片的话,只显示一屏里面的图片,拖动滚动条显示新的图片。文件下载,和懒加载都有现成的代码,但是没有结合在一起的。于是,就做了一下小小的改动。原创 2016-01-22 13:40:11 · 728 阅读 · 0 评论 -
获取HTML5视频时长的方法
HTML5是令人兴奋的,单从我们再也不需要Flash和其它第三方浏览器插件播放视频这一点上说就已经足够了。 在HTML5视频上我们可以自定义播放控制和现实效果,我们还可以在线获取视频的各种信息,比如今天要说的如果获取视频时长信息。JavaScript代码 video元素有一个duration属性,它表示的是视频时长的秒数,在页面上为了能更友好的显示时间,我们还需要对原创 2016-01-22 13:20:41 · 7020 阅读 · 0 评论 -
一览HTML5新特性
HTML5新特性: 简洁的DOCTYPE: HTML5 只有一个简单的文档类型:。它不使用版本,因此该文档类型适用所有版本的HTML。 HTML5新特性:简单易记的语言标签: 你并不需要在 中使用xmlns 或xml:lang标记。 将对HTML5 有效。 HTML5新特性:简单易记的编码类型: 你现在可以在meta 标签中使用”charset”: HTML5新原创 2016-01-22 13:21:17 · 424 阅读 · 0 评论 -
HTML5预加载功能
近年来随着HTML5等新一代技术的浪潮来临,对整个web行业带来了冲击性的改革,其中有个值得讨论的技术,预加载,这个技术是预先读取了用户接下来即将会访问页面,让用户接下来访问的时候大大了加快了页面读取速度,这个有点类似于图片预读取。HTML5对link的rel属性添加很多的值,其中最让人激动的就是预加载功能了。它和网上提到图片预加载有时不同,它的加载时机是由浏览器决定的,只有在空闲原创 2016-01-22 13:21:59 · 4642 阅读 · 0 评论 -
html5页面布局 最基本的规范
html5结构代码: HTML5 Demo ab蓝学网 专业于web程序开发 html5详细页布局html5结构代码: HTML5 Demo ab蓝学网 专业于web程序开发原创 2016-01-22 13:23:27 · 3589 阅读 · 0 评论 -
HTML5新特点实现图片文件异步上传
利用HTML5的新特点做文件异步上传非常简单方便,首先利用css的z-index属性将input=file标签隐藏在了id=btnSelect元素下面,通过触发a标签的点击后,弹出文件选择框利用HTML5的新特点做文件异步上传非常简单方便,本文主要展示JS部分,html结构。下面的代码并未使用第三发库,如果有参照,请注意一些未展现出来的代码片段。我这边的效果预览: 1.文件未选择 2.原创 2016-01-22 13:24:30 · 2021 阅读 · 0 评论 -
html5读取本地文件 图片上传 示例代码
这篇文章主要介绍了html5读取本地文件的具体实现,html结构样式、Css样式及js代码如下,需要的朋友可以看看哦html结构样式如下: 复制代码代码如下: 添加图片 从样式上说应不显示input元素的输入框,这时需将input设置为透明样式,然后将其覆盖到button元素上方,这时方可实现点击button上传原创 2016-01-22 13:26:20 · 6972 阅读 · 0 评论 -
html5多文件上传代码
多文件的上传在以前或许实现起来会很复杂,不过自从html5的出现,让其变得非常容易,下面有个不错的示例,大家可以参考下。主要用到的是的multiple属性 代码如下: 下面是页面的详细代码: 代码如下: Solution 4-5: Sending multiple files原创 2016-01-22 13:28:02 · 1089 阅读 · 0 评论 -
html5页面缓存设置
有一个web应用有三个文件index.html,a.js,b.css,现在需要把js和css文件缓存起来1.在index.html里加上 2.manifest清单格式如下 CACHE MANIFEST#上面一句必须#v1.0.0#需要缓存的文件CACHE:a.jsb.css#不需要缓存的文件NETWORK:*#无法访问页面FALLBACK:404.htm原创 2016-01-22 13:34:15 · 15178 阅读 · 0 评论