- 博客(20)
- 收藏
- 关注
RSS订阅原创 使用mailto在网页中链接Email地址
标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解，请看详细图示：注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。下面是一个完整的实例:
2017-05-24 14:21:15
5702
原创 HTML5学习笔记17-Web存储
1、web存储数据的两种方式localStorage-没有时间限制的数据存储sessionStorage-针对一个session的数据存储（页面关闭时清楚数据）与cookie对比：cookie不适合做大量数据的存储，速度慢且效率不高。2、localStorage Title 保存 var my
2017-02-07 14:55:30
298
原创 微信视频全屏问题解决方案
1、微信浏览器下解决默认video全屏问题ios:给video加一下属性 webkit-playsinline="true" playsinline="true"android：给video加一下属性 x5-video-player-type="h5"x5-video-player-fullscreen="true"2、按照上述方法Android还会有点问题，视频的上下方会
2017-02-06 17:05:58
5261
原创 中文Web Font使用
1、使用工具：有字库有字库：http://www.youziku.com/ 2、如何使用第一种是：在“在线字库”中选择一款合适的字体，点击“使用”后会有两种调用方法“CSS模式”和“卢教模式”。有很详细的使用说明，不赘述了。需要注意的是“卢教模式”使用后可能不起作用原因是没有将你的网址添加进白名单，添加方法是“有字库后台->我的帐户->接口白名单”。第二种是：使用个
2017-02-04 15:17:04
1000
原创 HTML5学习笔记16-SVG
1、SVG介绍 2、SVG绘制矢量图形 绘制矢量图形 <svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
2017-02-03 14:44:11
292
原创 HTML5 学习笔记15-Canvas图形绘制处理
1、图形组合 图形组合 function draw() { var canvas=document.getElementById("mycanvas"); var context=canvas.getContext("2d"); var options=new Array(
2017-02-03 13:36:27
297
原创 HTML5学习笔记14-Canvas绘制渐变图形与绘制变形图形
1、线性渐变 线性渐变 function draw(){ var canvas=document.getElementById("canvas"); if(canvas==null){ return false; }
2017-01-17 16:38:50
384
原创 HTML5 学习笔记13-Canvas使用路径
1、绘制圆形 绘制圆形 function drawCircle(){ var canvas=document.getElementById("canvas"); if(canvas==null){ return false; }
2017-01-17 15:50:16
260
原创 HTML5 学习笔记12-Canvas标签的使用
1、创建Canvas：Canvas元素用于图形的绘制，但只是一个容器，内容通过脚本来完成 canvas #mycanvas{ width: 200px; height: 200px; background-color: #232323; }
2017-01-13 11:04:11
313
原创 HTML5 学习笔记11-拖放
1、ondragstart 拖放开始；setData 设置拖动类型；ondragover 在何处放置；ondrop 放置被拖动数据时发生 拖动 .box{ width: 400px; height: 400px; } #box1{
2017-01-12 19:00:27
277
原创 HTML5 学习笔记10-音频视频
audio定义声音；video定义视频；source规定多媒体资源可以是多个；control属性提供添加播放、暂停和音量控制1、HTML5音频播放 您的浏览器不支持 播放/暂停 var a=document.getElementById("audioid"); function play(){ if(a.pa
2017-01-11 11:11:31
263
原创 HTML5学习笔记9-编辑API之Range对象（二）
1、cloneRange、cloneContents、extractContents方法 这里随意书写 克隆 function cloneRange(){ var p=document.getElementById("pid"); var rangeObj=document.createRange();
2017-01-10 15:24:49
274
原创 HTML5学习笔记8-编辑API之Range对象（一）
Range对象：代表页面上的一段连续区域。通过Range对象，可以获取或修改网页上的任何元素1、selection对象与Range对象的使用 function rangeTest(){ var html; var showRangeDiv=document.getElementBy
2017-01-10 10:32:35
346
原创 HTML5学习笔记7-增强的页面元素
1、figure元素：规定对立的流内容（图像，图表，照片，代码等），若删除不对文档其他内容产生影响。 figcation元素：定义figure的标题，次元素应设置于figure元素的第一个或者最后一个子元素。 哈士奇-雪橇三傻之二傻 2、details用于描述文档或者文档某个部分的细节。 summary：与det
2017-01-09 15:58:36
323
原创 HTML5 学习笔记5-表单新增元素和属性（续写）
1、标签的control属性：HTML5中可以在标签内部放置一个表单元素，并且通过该标签的control属性来访问该表单元素。 邮编： 请输入六位数字 function setValue(){ var
2017-01-05 12:00:07
313
原创 HTML5 学习笔记4-表单新增的元素和属性
1、form 表单内的丛书元素不仅可以写在表单内部，还可以写在任何地方，然后给该元素指定一个form属性，属性值为表单的id，这样该元素就从属于指定表单了 哼哈2、formaction 可以可以通过表单整体提交到一个页面或者分别提交到不同页面 提交到submit1页面 提交到s
2017-01-04 16:19:29
400
原创 HTML5 学习笔记3-非主体结构元素
1、header具有引导和导航作用的结构元素，通常放页面标题（区块）标题或者页面导航 footer页面或者区块的脚注，通常是作者、相关阅读链接、版权信息等 hgroup将标题及其子标题进行分组的元素 address在文档中呈现联系信息，如文档作者、相关链接、地址、电话等 我是页面主标题
2017-01-03 15:36:32
311
原创 HTML5 学习笔记2-新增的主体结构元素
1、article 规定对立的自包含内容 Internet Explorer 9 Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布.....2、section 定义文档中的节（如：章节、页眉、页脚或者其他部分） PRC The People's Republic of China was born
2016-12-30 15:51:30
280
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人