Html5
文章平均质量分 84
173300598
热爱互联网
展开
-
frame,iframe,frameset之间的关系与区别
http://www.xuebuyuan.com/1385439.htmliframe 是在html页面内嵌入框架 框架内可以连接另一个页面,如 frameset 在一个页面中设置一个或多个框架 不能嵌套在body标签里frameset 它称为框架标记,是用来告知HTML文件是转载 2015-04-09 09:42:03 · 321 阅读 · 0 评论 -
判断页面是否激活
可以通过document.hidden属性判断当前页面是否是激活状态。兼容性:IE10+,Firefox10+,Chrome14+,Opera12.1+,Safari7.1+兼容性写法示例:var hiddenProperty = 'hidden' in document ? 'hidden' : 'webkitHidden' in d转载 2017-06-28 15:24:22 · 774 阅读 · 0 评论 -
静态的html页面想要设置使用浏览器缓存
设置html页面缓存方法:静态的html页面想要设置使用缓存:通过HTTP的META设置expires和cache-control code1. meta http-equiv="Cache-Control" content="max-age=7200" />2. meta http-equiv="Expires" content="Mon, 20转载 2017-09-09 11:58:12 · 778 阅读 · 0 评论 -
<meta http-equiv="pragma" content="no-cache">属性http-equiv功能介绍
http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 meat标签的http-equiv属性语法格式是:<meta http-equiv=”参数” content=”参数变量值”> ;其中http-equiv属性主要有以下几种参数: A、转载 2017-09-09 11:59:25 · 1734 阅读 · 1 评论 -
html头文件设置常用之<meta>设置缓存
一)pragma与no-cache用于定义页面缓存,不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器无法脱机浏览.)二)常见的取值有private、no-cache、max-age、must-revalidate等,默认为private,其作用根据不同的重新浏览方式分为以下几种情况:1) 打开转载 2017-09-09 12:02:50 · 799 阅读 · 0 评论 -
如何将canvas保存为本地图片
canvas提供了一个重要的方法toDataURL(),这个方法能把画布里的图案转变成base64编码格式的png或者其他格式的图片(根据你传入的mine类型的参数),然后返回 Data URL数据。 接下来我们看具体是怎么实现的。 html页面一个canvas画布:1<canvas id="canvas">2转载 2017-09-02 20:44:35 · 18129 阅读 · 2 评论 -
如何运用html5 canvas将图片保存至手机本地的图库中?
想做一个移动端的简单画板,当图片绘制好了后,点击保存时该如何让图片存储在本地图库里?addEvent(save,'click',function(){ var dataImg = canvas.toDataURL('image/png'); var w=window.open('about:blank','image from canvas');转载 2017-09-02 20:45:03 · 20078 阅读 · 9 评论 -
HTML5新特性之文件和二进制数据的操作
历史上,JavaScript无法处理二进制数据。如果一定要处理的话,只能使用charCodeAt()方法,一个个字节地从文字编码转成二进制数据,还有一种办法是将二进制数据转成Base64编码,再进行处理。这两种方法不仅速度慢,而且容易出错。ECMAScript5引入了Blob对象,允许直接操作二进制数据。Bolb对象是一个代表二进制数据的基本对象,在它的基础上,又衍生出一系列相关的API,转载 2017-12-05 17:36:27 · 438 阅读 · 0 评论 -
H5-video1 iOS苹果和微信中音频和视频实现自动播放的方法
通过下面的方式可以解决,在iPhone手机微信中正常自动播放。必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效,猜测微信接口做了处理~audio preload="preload" controls id="car_audio" src="http://media.xitaoinfo.com/ei_zamenjiehunba.mp3" loop>audio转载 2018-01-09 17:00:42 · 8758 阅读 · 2 评论 -
h5-video2 完美解决微信video视频隐藏控件和内联播放问题
众所周知,微信浏览器下的html5视频播放兼容性一直是很头疼的问题,其中两个最主要的问题是隐藏播放控件和内联播放,在ios系统下这两个功能还比较好实现,重点是在android端,今天就给大家提供一个比较特殊的方法。先看一下html代码格式: div class="videoBox"> i class="fa fa-play-circle-o">/i>转载 2018-01-09 17:02:37 · 9265 阅读 · 3 评论 -
h5-video3 解决html5 audio iphone,ipd,safari不能自动播放问题
html audio 在iPhone,ipd,safari浏览器不能播放是有原因滴(在safri on ios里面明确指出等待用户的交互动作后才能播放media,也就是说如果你没有得到用户的action就播放的话就会被safri拦截)找了很多资料都没有解决,不过最终在国外网站通过翻译解决问题,希望能帮到没有解决此问题的童鞋附带源码如下:黑色部分表示重点突出v转载 2018-01-09 17:04:17 · 12832 阅读 · 0 评论 -
IOS自动播放音频/视频
ios 为了节省用户流量,对于 audio 和 video标签的 preload 和 autopaly 标签会自动拦截,除非用户手动点击交互才会执行 。对于背景音乐,又必须加载的时候就要执行,解决方法:(不过注意只能在微信浏览器里面打开)[html] view plain copydocument.addEventListener("转载 2018-01-09 17:05:45 · 863 阅读 · 0 评论 -
移动前端不得不了解的html5 head 头标签
DOCTYPEDOCTYPE(Document Type),该声明位于文档中最前面的位置,处于 html 标签之前,此标签告知浏览器文档使用哪种 HTML 或者 XHTML 规范。使用 HTML5 doctype,不区分大小写。html 代码: charset声明文档使用的字符编码,html 代码: charset="utf-8">html5 之前网页中会这样写:h转载 2017-06-29 14:52:51 · 342 阅读 · 0 评论 -
HTML5中判断横屏竖屏
在移动端中我们经常碰到横屏竖屏的问题,那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。首先在head中加入如下代码:1metaname="viewport"content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user转载 2017-06-29 14:41:15 · 350 阅读 · 0 评论 -
HTML5触摸事件(touchstart、touchmove和touchend)
HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件:touchstart、touchmove和touchend。 一开始触摸事件touchstart、touchmove和touchend是iOs版Safari浏览器为了向开发人员转载 2015-05-15 18:54:55 · 540 阅读 · 0 评论 -
webfont 平台推荐
找到一个国内的 其他的陆续更新。http://www.iconfont.cn/webfont/#!/webfont/index (阿里妈妈)原创 2015-06-04 23:37:45 · 337 阅读 · 0 评论 -
CSS3 icon font完全指南(CSS3 font 会取代icon图标)
http://www.jb51.net/css/70033.html为什么要将icon做成字体?在很多网站项目中,我们常常会用到各种透明小图标,然后网站要兼容各个浏览器,也可能会有多个尺寸,甚至还要考虑换肤等需求。那么我们就要将这些小图标输出为多种尺寸、颜色和文件格式,比如png8 alpha透明或者png8 index透明等。比如,twitter用到的各种小i转载 2015-06-04 23:37:02 · 442 阅读 · 0 评论 -
移动HTML5前端性能优化指南
http://www.cocoachina.com/webapp/20150126/11020.html移动H5前端性能优化指南[托尼托尼研究所]概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71转载 2015-06-04 23:32:37 · 346 阅读 · 0 评论 -
requestAnimationFrame,Web中写动画的另一种选择
http://www.cnblogs.com/Wayou/p/requestAnimationFrame.htmlrequestAnimationFrame,Web中写动画的另一种选择HTML5/CSS3时代,我们要在web里做动画选择其实已经很多了:你可以用CSS3的animattion+keyframes;你也可以用css3的tr转载 2015-06-12 08:57:28 · 550 阅读 · 0 评论 -
URL特殊字符需转义
URL特殊字符需转义 1、空格换成加号(+) 2、正斜杠(/)分隔目录和子目录 3、问号(?)分隔URL和查询 4、百分号(%)制定特殊字符 5、#号指定书签 6、&号分隔参数 转义字符的原因: 如果你的表单使用get方法提交,并且提交的参数中有“&”等特殊符的话,如果不做处理,在service端就会将&后面的作为另外一个参数来看待。例如 表单的ac转载 2015-11-10 12:16:26 · 407 阅读 · 0 评论 -
H5离线缓存机制-manifest
简介:Manifest 其实就是web应用的一种缓存机制,主要用于现在webapp应用中,它是浏览器自己的一种机制,随着移动互联网时代的到来,网络可靠性降低,如果我们已经将需要的文件缓存下下来,一旦网络无法访问,也能继续访问。而且做好相应资源的缓存可以带来更好的用户体验,当用户使用自己的流量上网时,本地缓存不仅可以提高用户访问速度,而且大大节约用户的使用流量。 先来看下我们转载 2016-09-23 00:36:19 · 830 阅读 · 0 评论 -
H5video auide标签详解
1.前言:首先HTML5中的媒体常用标签 为 audio 音频 video HTML实体写法音频写法一 Your browser does not support the audio tag.音频写法二Your browser does not support the audio tag.视频写法一preload="转载 2016-09-21 15:46:45 · 1689 阅读 · 0 评论 -
10款免费而优秀的图表JS插件
开发人员很多时候需要使用图表来表现一些数据,而一张图表往往能够比几行密密麻麻的数字表格更能直观地展示数据内容。随着Web技术的发展,从传统只能依 靠于flash、IE的vml,各个浏览器尚不统一的svg,到如今规范统一的canvas、svg为代表的html5技术,表现点、线、面要素的技术已 经越来越规范成熟。我在本篇文章中收集了10款免费开源且比较优秀的图表制作插件,以供各位参考。 1转载 2016-11-08 14:39:37 · 3682 阅读 · 0 评论 -
HTML教程:HTML事件大全
onabort当用户中断下载 图像 时触发。onactivate当对象设置为活动元素时触发。onafterprint对象所关联的文档打印或打印预览后立即在对象上触发。onafterupdate当成功更新数据源对象中的关联对象后在数据绑定对象上触发。onbeforeactivate对象要被设置为当前元素前立即触发。onb转载 2016-12-22 17:45:38 · 423 阅读 · 0 评论 -
HTML5网页录音和压缩
转自:http://www.it165.NET/design/html/201406/2651.html宣传一下自己的qq群:5946699 (暗号:C#交流) 欢迎喜欢C#,热爱C#,正在学习C#,准备学习C#的朋友来这里互相学习交流,共同进步群刚建,人不多,但是都是真正热爱C#的 我也是热爱C#的 希望大家可以一起交流,共同进步最近公司需要用到web录音转载 2017-02-13 17:19:11 · 1130 阅读 · 0 评论 -
HTML字符实体,平方米(㎡)m²
转载自https://blog.csdn.net/ownfire/article/details/53941723特色的© © © 版权标志 | | 竖线,常用作菜单或导航中的分隔符 · · · 圆点,有时被用来作为菜单分隔符 ↑ ↑ ↑ ...转载 2019-05-27 10:56:07 · 2565 阅读 · 0 评论