HTML5教程
HTML5教程列表
-
HTML5每日一练之meter标签的应用
meter标签:此标签与progress百分比标签差不多,它主要表现规定范围内的数量值,例如磁盘的食用量,对某个候选者人数占总投票人数的比例值等,如下图:meter有六个属性:属性名称... [HTML5教程]
-
【HTML5】Canvas基础知识讲解
HTML5规范引进了很多新特性,其中最令人期待的之一就是Canvas元素。HTML5 Canvas提供了通过JavaScript绘制图形的方法,此方法使用简单但功能强大。每一个Canvas元素都有一个“... [HTML5教程]
-
HTML5每日一练之Canvas标签的应用-绘制径向渐变图形
我们学习了如何使用Canvas绘制线性渐变图形,今天我们来学习一下如何绘制径向渐变图形。通过上节课的学习,我们知道绘制线性渐变图形用到了一个非常重要的函数——creat... [HTML5教程]
-
HTML5每日一练之progress标签的应用
progress标签:从名字上来看,估计大家也能猜到这个标签是什么标签了,没错,他是一个进度条。在HTML5中我们终于可以不用模拟了。<progress id=\"W3Cfuns_progress\" max=\"100... [HTML5教程]
-
五分钟学会HTML5!(一)
毫无疑问,对于开发人员而言,HTML5已是一个热点话题。如果你需要快速了解HTML5的功能的基本原理,阅读本文是你最好的选择。本文来自The Code Project的付费搜索位置,由Soluti... [HTML5教程]
-
HTML5 标签、事件句柄属性以及浏览器兼容情况速查手册
随着主流浏览器对 HTML5 的不断支持和完善,越来越多的开发者开始使用 HTML5 来开发各种功能强大的 Web 应用程序,HTML5 正引领互联网新革命。为了方便大家更好的学习 HTML5... [HTML5教程]
-
HTML5 Canvas 起步(2) - 路径
上一篇介绍了 HTML5 中 Canvas 的基本概念,这篇将要介绍一下 Canvas 中的基本图形。 图形的基础 - 路径 在 Canvas 中,所有基本图形都是以路径为基础的... [HTML5教程]
-
HTML5 WebApp part4:使用 Web Workers 来加速您的移动 Web 应用程序(上) ...
一直以来,Web 应用程序被局限在一个单线程世界中。这的确限制了开发人员在他们的代码中的作为,因为任何太复杂的东西都存在冻结应用程序 UI 的风险。通过将多线程引... [HTML5教程]
-
HTML5 WebApp part4:使用 Web Workers 来加速您的移动 Web 应用程序(下) ...
清单 4. loadDeals 函数var deals = [];var sections = [];var dealDetails = {};var dealsUrl = \"http://deals.ebay.com/feeds/xml\";function loadDeals(){ va... [HTML5教程]
-
HTML5每日一练之mark标签的应用
mark标签:mark元素表示页面中需要突出或高亮显示的内容,在搜索结果中也常常出现,比如检索结果中的关键词高亮显示。案例:[html]<!DOCTYPE HTML><html> <he... [HTML5教程]
-
HTML5每日一练之details展开收缩标签的应用
details标签的出现,为我们带来了更好的用户体验,不必为这种收缩展开的效果再编写JS来实现。注:目前仅Chrome支持此标签。details有一个新增加的子标签——summary,当鼠标... [HTML5教程]
-
HTML5每日一练之figure新标签的应用
figure元素是一种元素的组合,可带有标题(可选)。figure标签用来表示网页上一块独立的内容,将其从网页上移除后不会对网页上的其他内容产生影响。figure所表示的内容可以是图片、... [HTML5教程]
-
HTML5每日一练之FileList文件列表对象的应用
在过去,上传文件的时候,我们每次都只能一次选择一个文件。如果想实现多文件上传,要么动态的增加file框要么使用Flash来代替。现在我们在HTML5中要想实现这个功能,是轻而易举的事... [HTML5教程]
-
HTML5 canvas (二)
绘制图片主要有这三种方式,从下图能很清楚的知道各个参数的作用drawImage(image,dx,dy)drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh) drawImage(image,dx,dy,dw,dh) 其... [HTML5教程]
-
HTML5每日一练之datalist标签自动补全的使用
注:在其它的一些教程或资料中datalist标签称为下拉列表,我认为这种叫法不够准确,而且不能一下子理解此标签。比如前段时间:“一个朋友问我datalist是不是一种能自定义样式的sele... [HTML5教程]
-
HTML5每日一练之OL列表的改良
在HTML5中的OL被改良了,为它增加了两个新属性。start属性:start属性用来定义列表编号的起始位置,比如下面的代码,列表将从50开始51...55以此类推<ol start=\"50\">... [HTML5教程]
-
HTML5每日一练之视频标签的应用
与音频一样,在过去,我们如果想在Web上播放视频,也是都是通过Flash来播放,同样并不是所有的浏览器都安装了Flash播放器插件,而现在我们在HTML5中,就能完全脱离Flash或其他的插件来... [HTML5教程]
-
分享最好的HTML5编码教程和参考手册
今天我们介绍相关HTML5的参考手册,演讲稿,电子书和教程。HTML5是新兴的web技术,虽然不是完全的新技术但是已经有很多的相关文章介绍HTML5,特别是当我们谈论HTML5将成为Flash的... [HTML5教程]
-
利用HTML 5和JavaScript创建绘图应用
让我们来创造一个可以让使用在html5 canva标示元素上动态画图的网页应用,我们的使用者将需要用到什么工具呢?我脑海中第一个想到的是上色本,用蜡笔来上色,所以第一个工具就... [HTML5教程]
-
五分钟学会HTML5!(二)
HTML5开发与旧式浏览器的兼容我们已经讨论了HTML5许多很酷的新功能,包括新的语义元素、为画图而生的canvas标签,以及音频与视频支持。你可能会想:这些东西是很好,但当用... [HTML5教程]