html5
全栈技术圈
我来自湛江市的某一个角落,非常热爱互联网。。。
展开
-
progress--状态交互元素
描述:是HTML5中新增的状态交互元素,用来表示页面中的某个任务完成的进度(进程);代码如下:开始下载var intValue=0;var intTimer;var objPro=document.getElementById('proDownFile');var objTip=document.getElementById('pTip');//定时事件翻译 2013-05-25 21:04:51 · 734 阅读 · 0 评论 -
HTML5之CANVAS 属性和方法的示例汇总
无标题文档window.onload=function(){/* */ /////矩形//////////////////////////////// var c=document.getElementById("myRect"); var cxt=c.getContext("2d"); cxt.fillStyle="#FF0000"; //方法填充一个矩形原创 2013-10-02 23:31:49 · 825 阅读 · 0 评论 -
HTML5语义化标签的应用
前言最近在读HTML5秘籍(the missing manual),书中对HTML5的定义和理解是:HTML5实际上是一组独立标准的集合。有些标准已经得到了支持,而另外一些标准几年内(甚至永远)不会得到支持,即HTML5在某些浏览器的某些版本中能够运行。HTML5作为新一代web的开发标准,相信有不少开发者已经垂涎它各种具有革命性的新功能,诸如:语义化的标签和元素、新增表单控件、化繁为简的转载 2013-10-03 16:07:34 · 901 阅读 · 0 评论 -
前端开发攻城师不可忽视的五个HTML5新特性
From : http://www.oschina.net/news/41995/good-html5-features?from=20130707HTML5已经火了一段时间了,相信作为web相关开发工程师,肯定或多或少的了解和尝试过一些HTML5的特性和编程。还记得以前我们介绍过的HTML5新标签。 作为未来前端开发技术的潮流和风向标,HTML5绝对不容忽视。在今天这转载 2013-10-03 00:51:50 · 1193 阅读 · 0 评论 -
Canvas 属性,方法
Canvas 属性,方法context . restore() //弹出堆最上面保存的绘图状态 context . save() //在绘图状态堆上保存当前绘图状态 绘图状态可以看作当前画面应用的所有样式和变形的一个快照。而状态的应用则可以避免绘图代码的过度膨胀。转换(Transformations) context . rotate转载 2013-10-03 00:14:33 · 762 阅读 · 0 评论 -
HTML5批量拖拽图片到网页
[html] view plaincopyprint?> html> head> meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> title>拖拽本地图片到页面指定元素内title> [javascript]转载 2013-10-02 23:53:34 · 1087 阅读 · 0 评论 -
HTML5标签小结
[html] view plaincopyprint? <!-- audio标签用法(给一个音频文件的地址,可以显示指定是否可手动控制) --> Your browser does not support the audio element. <!-- video标签用法(用法与audio类似,给一个视频文件的地址,可以显示指定是否可手转载 2013-10-02 23:49:23 · 888 阅读 · 0 评论 -
html5学习笔记 1 文档模板
Html5 是以往html的升级版模版结构 主要有以下几个部分组成1 声明文档类型2 文档页面2.1 html元素【lang属性非必要 可省略】2.2 head元素head第一行一般定义文档的字符编码附meta解惑1.告诉搜索引擎你的站点的制作的作者;2.转载 2013-10-01 00:39:24 · 784 阅读 · 0 评论 -
HTML5的新增的标签和废除的标签
新增的结构标签section元素 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用,表示文档结构。例:HTML5中……;HTML4中 ……。article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。aside元素 表示article元素内容之外的、与article元素内容相关的辅助信息。he转载 2013-09-30 23:43:25 · 828 阅读 · 0 评论 -
FileReader详解与实例---读取并显示图像文件
我们曾经在《HTML5 中 File 对象初探》中,使用到了FileReader,在那篇文章中,它被用来将一个文件读取为二进制字符串,并通过 xhr 发送到后端形成交互。作为 File API 的一部分,FileReader 专门用于读取文件,根据 W3C 的定义,FileReader 接口 "提供一些读取文件的方法与一个包含读取结果的事件模型"。接下来,我们将逐一了解 FileRea转载 2013-10-01 00:02:42 · 683 阅读 · 0 评论 -
盘点:崛起中的九大HTML5开发工具
HTML5被看做是Web开发者创建流行Web应用的利器,增加了对视频和Canvas 2D的支持。HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来,如Adobe的Flash和微软的Silverlight,HTML5为实现这些插件的功能提供了一种标准化的方式。 虽然HTML5标准尚未开发完成,但是随着开发者对HTML5的兴趣日渐浓厚,开发工具提供商也开始跟进。以下介绍的9款应用工具转载 2013-10-01 00:45:24 · 1338 阅读 · 0 评论 -
HTML5中微数据在搜索引擎中的使用举例
做网站优化已经快一个月了,对于seo的一般技术也有了一些了解,前些天开始使用谷歌的网站站长工具,在里面发现很多百度站长工具里面不曾有的内容,其中“结构化数据”这一项是出现在 “优化”栏里面,可想而知,这个结构化数据会不会是争对谷歌搜索的一个优化的方法呢?添加自己的站 进入这个页面,发现它提示我的网站上未检测到任何结构化数据,但是这么一个缺少概念的词让我们这种网站优化新手怎么理解呢?进入谷歌转载 2013-10-01 00:10:36 · 1039 阅读 · 0 评论 -
加速Web前端开发知名的HTML5框架
与手工编码比起来,HTML5框架在准确性和正确率方面给予了保证。大多数HTML5框架都会有一个组合或者包含一些额外的组件,比如jQuery Scripts。CSS3样式表则以改善多媒体特征的功能性和响应式的Web布局为主。如果你有一个根据固定流程进行的特定项目,为了保证项目刚开始就能有较高的正确率,那么你可以利用HTML5框架来提升整个开发过程,并且让网站拥有一致性结构。伴随着智能转载 2013-09-30 23:58:44 · 711 阅读 · 0 评论 -
html5 学习笔记 API canvas1 绘制对角线
1 canvas (graphics) 绘制二维矢量图的画布2 检测浏览器是否支持 canvas[html] view plaincopytry{ document.createElement("canvas").getContext("2d"); alert("ok");转载 2013-09-30 20:16:30 · 758 阅读 · 0 评论 -
事半功倍:你应该知道的HTML5五大特性
HTML5的诞生为Web App以及移动App开发带来了许多新鲜有趣的JavaScript与HTML API。本文将介绍5个能够让你事半功倍的HTML5特性。1. DNS PrefetchingDNS主机名解析有时会出现拖慢网站速度的问题。现代浏览器当遇到DNS解析时已经十分聪明——用户在跟随某个链接之前,浏览器先尝试解析域名再将其进行缓存。DNS Pref转载 2013-06-08 22:16:14 · 357 阅读 · 0 评论 -
onhashchange事件
onhashchange事件:是一个新的事件,改事件在location.hash发生改变的时候触发。FF3.6a2, IE 8, Chrome 4.0.206.1均支持该事件。该事件在ajax无刷新页面提交中,能带来更好的用户体验。window.location.hash属性介绍:location是javascript里边管理地址栏的内置对象,比如location.href就管理页翻译 2013-05-25 21:30:44 · 5498 阅读 · 0 评论 -
7 个效果震憾的 HTML5 应用组件
From : http://www.oschina.net/news/41941/7-html5-apps?from=20130707在HTML5的世界里,任何文本、图像都可以变得令人难以想象,很多HTML5应用也都已经随着浏览器的升级而变得运行飞速,而且兼容性也越来越好。下面为大家介绍7款效果震憾的HTML5应用组件,HTML5是强大的,是WEB的未来。1、HTML5实时动态数据转载 2013-10-03 00:11:20 · 1150 阅读 · 0 评论