HTML5教程

HTML5教程频道为您提供HTML5相关的各种教程,包括HTML5基础知识、HTML5代码实例、HTML开发技巧以及HTML5视频教程。

LESS-Middleware:Node.js 和 LESS 的完美搭配

LESS是一个编写CSS的很好的方式,让你可以使用变量,嵌套规则,混入以及其它许多有用的功能,它可以帮助您更好地组织你的CSS代码。   最近我一直在研究Node.j...

三分钟HTML5画布(Canvas)动画教程

通常大部分Web程序员平时的工作只是开发一些常规的网站、信息化办公系统等。在他们的眼里,Web游戏动画开发程序员似乎神奇的多,Web游戏动画明显比普通的Web应用要灵...

JavaScript中的原型和继承

JavaScript中的原型和继承

请在此暂时忘记之前学到的面向对象的一切知识。这里只需要考虑赛车的情况。是的,就是赛车。 最近我正在观看24HoursofLeMans,这是法国流行的一项赛事。...

两种常用编程的比较 声明式和命令式

先统一一下概念,我们有两种编程方式:命令式和声明式。   我们可以像下面这样定义它们之间的不同: •命令式编程:命令“机器”如何去做事情(how),这样不管你想要的...

简单做出HTML5翻页效果文字特效

之前在网上看到一款比较有新意的HTML5文字特效,文字效果是当鼠标滑过是出现翻开折叠的效果,类似书本翻页。于是我兴致勃勃的点开源码看了一下,发现其实实现也挺简单...

18个HTML5和JavaScript游戏引擎库

18个HTML5和JavaScript游戏引擎库

1)BestHTML5andjavascriptgameengineLibrary-Impactjs 2)BestHTML5andjavascriptgameengineLibrary-Craftyjs 3)BestHTML5andjavascriptgameengi

如何用程序解图片迷宫?

如何用程序解图片迷宫?

 英文原文:Representingandsolvingamazegivenanimage  译注:原文是StackOverflow上一个如何用程序读取迷宫图片并求解的问题,几位参与者热烈地讨论并给出了自己的...

7款HTML5精美应用教程 让你立即爱上HTML5

7款HTML5精美应用教程 让你立即爱上HTML5

你喜欢HTML5吗?我想下面的这7个HTML5应用一定会让你爱上HTML5的,不信就一起来看看吧。1、HTML5/jQuery雷达动画图表图表配置十分简单之前我们介绍过不少形形色色的H...

html标签的语义化之搜索引擎优化

为了使我们的网站更好的被搜索引擎抓取收录,更自然的获得更高的流量,网站标签的语义化就显得尤为重要。所谓标签语义化,就是指标签的含义。为了更好的理解标签的语义...

将HTML5封装成android应用APK文件的几种方法

越来越多的开发者热衷于使用html5+JavaScript开发移动WebApp。不过,HTML5WebAPP的出现能否在未来取代移动应用,就目前来说,还是个未知数。一方面,用户在使用习惯上,不...

HTML head 头标签

HTMLhead头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互...

HTML5体验改进的14条军规

来自公园《HTML5——用新方式创造更好的用户体验》线下活动中来自火速轻应用的技术总监胡敏东的分享。 1.fake页-首屏加速目标:首屏3s以内 因为71%的用户期望移动...

HTML5 Canvas中绘制矩形实例教程

HTML5 Canvas中绘制矩形实例教程

本文翻译自SteveFulton&JeffFultonHTML5Canvas,Chapter2,“TheBasicRectangleShape”. 让我们来看一下Canvas内置的简单几何图形—矩形的绘制。在Canvas中,...

HTML5里的placeholder属性

HTML5里的placeholder属性

HTML5里新引入很多有趣的新特征;有些体现在HTML里,有些是JavaScriptAPI,全部非常的有用。其中我最喜欢的一个特征就是文本框(INPUT)里的placeholder属性。placeholde...

PHP结合HTML5使用FormData对象提交表单及上传图片

PHP结合HTML5使用FormData对象提交表单及上传图片

FormData对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台。在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工作量。 ...

7种炫酷HTML5 SVG液态水滴融合动画特效

7种炫酷HTML5 SVG液态水滴融合动画特效

这是一组使用HTML5SVG过滤器制作的炫酷液态水滴融合动画特效。这些SVG动画特效使一些HTML元素,如菜单、分页按钮、APP、选择框等元素的过渡动画像几粒水滴一样融合...

绘制SVG内容到Canvas的HTML5应用

绘制SVG内容到Canvas的HTML5应用

SVG与Canvas是HTML5上绘制图形应用的两种完全不同模式的技术,两种绘制图形方式各有优缺点,但两者并非水火不容,尤其是SVG内容可直接绘制在Canvas上的功能,使得两者可...

前端编码风格规范之 JavaScript 规范

英文原文:WebStyleguide-StyleguidetoharmonizeHTML,JavascriptandCSS/SASScodingstyle JavaScript规范 全局命名空间污染与IIFE 总是将代码...

10个最常见的 HTML5 面试题及答案

10个最常见的 HTML5 面试题及答案

这是选择了10个HTML5面试问题并给出了答案。这是Web开发人员最常见的面试问题,相信你掌握了这些重要的面试问题后一定会觉得你的理解提高了。一起来看看吧。 1...

HTML5应用程序缓存Application Cache详解

HTML5应用程序缓存Application Cache详解

什么是ApplicationCache HTML5引入了应用程序缓存技术,意味着web应用可进行缓存,并在没有网络的情况下使用,通过创建cachemanifest文件,可以轻松的创建离线应用。 ...

Web程序员最牛最实用的资源

大家好,最近我见到几个对Web程序员来说很牛很实用的工具/框架/事件,下面就带你们看看这些很棒的资源。 Bitcore 伟大的JS库,完全支持创建一个比特币应用所必...

前端编码风格规范之 HTML 规范

英文原文:WebStyleguide-StyleguidetoharmonizeHTML,JavascriptandCSS/SASScodingstyle HTML规范 文档类型 推荐使用HTML5的文档类型申明:<!DOCTYPE...

html5的自定义data-*属性与jquery的data()方法的使用

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法...

HTML教程:如何设置Iframe自适应高度

不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻...

HTML5仿苹果手机的面板合拢折叠效果

HTML5仿苹果手机的面板合拢折叠效果

这是一个HTML5折叠菜单,但更像是一个折叠面板,仿苹果手机的passbook应用中的代码例子,请在火狐或chrome下浏览。不知道有没有听说过手机琴菜单,觉得这一个从形式上来...