html5
文章平均质量分 80
hdchangchang
这个作者很懒,什么都没留下…
展开
-
防止微信、wap浏览器缓存
静态页面防止缓存:1、引入的css 、js文件名 添加时间戳 --防止js、css缓存2、<header>添加代码: --防止页面缓存<meta http-equiv="Expires" CONTENT="0" /> <meta http-equiv="Cache-Control" CONTENT="no-cache" /> <meta http-equiv="Pragma" CONTENT="no-cache" />3...原创 2020-11-09 15:53:23 · 483 阅读 · 0 评论 -
html5 拖拽一
若实现拖拽(火狐以外),被拖拽元素需添加属性:draggabledraggable是一个枚举属性,用于指定一个标签是否可以被拖拽。有以下四种取值:true:表示此元素可拖拽。false:表示此元素不可拖拽。auto:除img和带href的标签a标签表示可拖拽外,其它标签均表示不可拖拽。其它任何值:表示不可拖拽。例一:(除火狐以外的现代浏览器中均可以拖拽)原创 2014-01-03 13:11:05 · 8101 阅读 · 1 评论 -
前端开发-移动端(2)- 自适应屏幕
移动端自适应屏幕方法:1、百分比2、viewport利用js设定(function(){ var w = window.screen.width; var targetW = 320; var scale = w/targetW; //当前尺寸/目标尺寸 var meta = document.createElement("meta"); meta.name = "viewp原创 2017-03-20 10:33:03 · 499 阅读 · 0 评论 -
前端开发-移动端(3)- 响应式布局
media 媒体类型现在支持的媒体类型有all、print、screen、speedmedia 媒体特性注意:媒体特性中的横竖屏检测是根据可视区域宽度和高度的大小比例来确定,所以当页面中存在文本输入框时,键盘会弹出,屏幕可视区域会改变,所以orientation会出错。原创 2017-04-25 16:41:02 · 348 阅读 · 0 评论 -
html5 history
history在HTML4的时代里,有如下几个方法和属性:length、back()、forward()、go([delta])在HTML5中又添加了两个方法:pushState(data, title[,url])、replaceStage(data, this [,url])pushState:是增加浏览器的会话历史replaceStage:替换浏览器的当前原创 2014-12-18 10:24:13 · 9175 阅读 · 1 评论 -
canvas 刮奖
//刮奖实例function eraser(){ var canvas=document.querySelector("#canvas"); var w = canvas.parentNode.offsetWidth; var h = canvas.parentNode.offsetHeight; canvas.width = w; canva原创 2016-02-18 16:00:57 · 987 阅读 · 0 评论 -
移动端重构系列2——新建空白页面
转自:http://www.w3cplus.com/mobile/mobile-terminal-refactoring-create-page.htmlhtml5文档申明html>head> meta charset="UTF-8"> title>Documenttitle>head>body>body>html>meta标签meta na转载 2015-01-22 16:24:51 · 1253 阅读 · 0 评论 -
利用HTML5的一个重要特性 —— DeviceOrientation来实现手机网站上的摇一摇功能
转自:http://www.cnblogs.com/iamjiuye/archive/2013/04/10/3012381.html转载 2014-08-14 09:06:37 · 5555 阅读 · 0 评论 -
好吧,CSS3 3D transform变换,不过如此!
一、写在前面的秋裤早在去年的去年,我就大肆介绍了2D transform相关内容。看过海贼王的都知道,带D的家伙都不是好惹的,2D我辈尚可以应付,3D的话,呵呵,估计我等早就在千里之外被其霸气震晕了~~看看下图女帝的动作以及神情,就可以知道名字带D的家伙的厉害!最近折腾iPad的一些东西,有一些3D效果的交互。有些事情,总以为是遥远的未来,谁知真正发生的时候说来就来,比如说一颗想结婚的...转载 2014-01-10 17:23:00 · 2490 阅读 · 0 评论 -
html5学习 - video
HTML5 规定了一种通过 video 元素来包含视频的标准方法。视频格式当前,video 元素支持三种视频格式:格式IEFirefoxOperaChromeSafariOggNo3.5+10.5+5.0+NoMPEG 49.0+NoNo5.0+3.0+WebMNo原创 2013-12-24 15:02:35 · 3964 阅读 · 0 评论 -
释放 HTML5 <audio> 的力量
作者:Giorgio Sardo | 高级技术推广师 – HTML5 和 Internet Explorer各种声音构成了我们的生活背景。现在,HTML5 元素使 Web 开发人员可以将声音嵌入他们的应用程序。控制的灵活性加上平台其他功能的集成,使多个应用场景得以实现,包括从简单的声音效果到背景音频,再到游戏体验以及更复杂的音频引擎。本博客文章介绍了一些在 Web 应用程序中使用 标签的转载 2013-12-24 16:50:14 · 9945 阅读 · 0 评论 -
HTML5 地理位置定位(HTML5 Geolocation)
地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。 在访问位置信息前,浏览器都会询问用户是否共享其位置信息,以 Chrome 浏览器为例,如果您允许 Chrome 浏览器与网站共享您的位置,Chrome 浏览器会转载 2013-10-23 13:28:33 · 1239 阅读 · 0 评论 -
html5学习 - audio
大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。音频格式当前,audio 元素支持三种音频格式: IE 9Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0原创 2013-12-24 16:40:54 · 954 阅读 · 0 评论 -
html 学习 引用
1. 表示它所包含的文本是一个更长的单词或短语的缩写形式, 在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。2. HTML 5 不支持 标签。请使用 标签代替它。在 HTML 4.01 中, 标签定义首字母缩略词。3. cite="http://"> 标签定义短的引用。浏览器经常在引用的内容周围原创 2013-01-04 14:33:03 · 496 阅读 · 0 评论