HTML5教程

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

关键字:HTML5教程

HTML5教程列表

LESS-Middleware:Node.js 和 LESS 的完美搭配
LESS-Middleware:Node.js 和 LESS 的完美搭配 LESS 是一个编写 CSS 的很好的方式 ,让你可以使用变量,嵌套规则,混入以及其它许多有用的功能,它可以帮助您更好地组织你的 CSS 代码。





  最近我一直在研究 Node.j...[全文]
标签:HTML5教程
三分钟HTML5画布(Canvas)动画教程
三分钟HTML5画布(Canvas)动画教程 通常大部分Web程序员平时的工作只是开发一些常规的网站、信息化办公系统等。在他们的眼里,Web游戏动画开发程序员似乎神奇的多,Web游戏动画明显比普通的Web应用要灵活,...[全文] 标签:HTML5教程
JavaScript中的原型和继承
JavaScript中的原型和继承 请在此暂时忘记之前学到的面向对象的一切知识。这里只需要考虑赛车的情况。是的,就是赛车。
最近我正在观看 24 Hours of Le Mans ,这是法国流行的一项赛事。...[全文]
标签:HTML5教程
两种常用编程的比较 声明式和命令式
两种常用编程的比较 声明式和命令式 先统一一下概念,我们有两种编程方式:命令式和声明式。


  我们可以像下面这样定义它们之间的不同:

•命令式编程:命令“机器”如何去做事情(how),这样不管你想要的是...[全文]
标签:HTML5教程
简单做出HTML5翻页效果文字特效
简单做出HTML5翻页效果文字特效 之前在网上看到一款比较有新意的HTML5文字特效,文字效果是当鼠标滑过是出现翻开折叠的效果,类似书本翻页。于是我兴致勃勃的点开源码看了一下,发现其实实现也挺简单的,主...[全文] 标签:HTML5教程
18个HTML5和JavaScript游戏引擎库
18个HTML5和JavaScript游戏引擎库1) Best HTML5 and javascript game engine Library- Impactjs

2) Best HTML5 and javascript game engine Library - Craftyjs

3) Best HTML5 and javascript game engi...[全文]
标签:HTML5教程
如何用程序解图片迷宫?
如何用程序解图片迷宫? 英文原文:Representing and solving a maze given an image  译注:原文是 StackOverflow 上一个如何用程序读取迷宫图片并求解的问题,几位参与者热烈地讨论并给出了自己的...[全文] 标签:HTML5教程
7款HTML5精美应用教程 让你立即爱上HTML5
7款HTML5精美应用教程 让你立即爱上HTML5你喜欢HTML5吗?我想下面的这7个HTML5应用一定会让你爱上HTML5的,不信就一起来看看吧。1、HTML5/jQuery雷达动画图表 图表配置十分简单之前我们介绍过不少形形色色的HTML5图表...[全文] 标签:HTML5教程
html标签的语义化之搜索引擎优化
html标签的语义化之搜索引擎优化为了使我们的网站更好的被搜索引擎抓取收录,更自然的获得更高的流量,网站标签的语义化就显得尤为重要。所谓标签语义化,就是指标签的含义。为了更好的理解标签的语义化,先看下面...[全文] 标签:HTML5教程
将HTML5封装成android应用APK文件的几种方法
将HTML5封装成android应用APK文件的几种方法越来越多的开发者热衷于使用html5+JavaScript开发移动Web App。不过,HTML5 Web APP的出现能否在未来取代移动应用,就目前来说,还是个未知数。一方面,用户在使用习惯上,不喜欢在浏...[全文] 标签:HTML5教程
HTML head 头标签
HTML head 头标签HTML head 头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时...[全文] 标签:HTML5教程
HTML5体验改进的14条军规
HTML5体验改进的14条军规来自公园《HTML5——用新方式创造更好的用户体验》线下活动中来自火速轻应用的技术总监胡敏东的分享。
1. fake 页 - 首屏加速目标:首屏 3s 以内
因为 71% 的用户期望移动页...[全文]
标签:HTML5教程
HTML5 Canvas中绘制矩形实例教程
HTML5 Canvas中绘制矩形实例教程本文翻译自Steve Fulton & Jeff Fulton HTML5 Canvas, Chapter 2, “The Basic Rectangle Shape”.


让我们来看一下Canvas内置的简单几何图形 — 矩形的绘制。在Canvas中,...[全文]
标签:HTML5教程
HTML5里的placeholder属性
HTML5里的placeholder属性 HTML5里新引入很多有趣的新特征;有些体现在HTML里,有些是JavaScript API,全部非常的有用。其中我最喜欢的一个特征就是文本框(INPUT)里的placeholder属性。placeholder...[全文] 标签:HTML5教程
PHP结合HTML5使用FormData对象提交表单及上传图片
PHP结合HTML5使用FormData对象提交表单及上传图片FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台。在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工作量。





使用Form...[全文]
标签:HTML5教程
7种炫酷HTML5 SVG液态水滴融合动画特效
7种炫酷HTML5 SVG液态水滴融合动画特效这是一组使用HTML5 SVG过滤器制作的炫酷液态水滴融合动画特效。这些SVG动画特效使一些HTML元素,如菜单、分页按钮、APP、选择框等元素的过渡动画像几粒水滴一样融合分解,效果...[全文] 标签:HTML5教程
绘制SVG内容到Canvas的HTML5应用
绘制SVG内容到Canvas的HTML5应用SVG与Canvas是HTML5上绘制图形应用的两种完全不同模式的技术,两种绘制图形方式各有优缺点,但两者并非水火不容,尤其是SVG内容可直接绘制在Canvas上的功能,使得两者可以完美的融...[全文] 标签:HTML5教程
前端编码风格规范之 JavaScript 规范
前端编码风格规范之 JavaScript 规范英文原文:Web Styleguide - Style guide to harmonize HTML, Javascript and CSS / SASS coding style





JavaScript 规范





全局命名空间污染与 IIFE





总是将代码...[全文]
标签:HTML5教程
10个最常见的 HTML5 面试题及答案
10个最常见的 HTML5 面试题及答案这是选择了10个 HTML5 面试问题并给出了答案。这是 Web 开发人员最常见的面试问题,相信你掌握了这些重要的面试问题后一定会觉得你的理解提高了。一起来看看吧。



1、新的...[全文]
标签:HTML5教程
HTML5应用程序缓存Application Cache详解
HTML5应用程序缓存Application Cache详解什么是Application Cache


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



Applic...[全文]
标签:HTML5教程
Web程序员最牛最实用的资源
Web程序员最牛最实用的资源 大家好,最近我见到几个对Web程序员来说很牛很实用的工具/框架/事件,下面就带你们看看这些很棒的资源。


Bitcore


伟大的JS库,完全支持创建一个比特币应用所必...[全文]
标签:HTML5教程
前端编码风格规范之 HTML 规范
前端编码风格规范之 HTML 规范英文原文:Web Styleguide - Style guide to harmonize HTML, Javascript and CSS / SASS coding style


HTML 规范


文档类型



推荐使用 HTML5 的文档类型申明: <!DOCTYPE...[全文]
标签:HTML5教程
html5的自定义data-*属性与jquery的data()方法的使用
html5的自定义data-*属性与jquery的data()方法的使用 人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上...[全文] 标签:HTML5教程
HTML教程:如何设置Iframe自适应高度
HTML教程:如何设置Iframe自适应高度 不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给i...[全文] 标签:HTML5教程
HTML5仿苹果手机的面板合拢折叠效果
HTML5仿苹果手机的面板合拢折叠效果 这是一个HTML5折叠菜单,但更像是一个折叠面板,仿苹果手机的passbook应用中的代码例子,请在火狐或chrome下浏览。不知道有没有听说过手机琴菜单,觉得这一个从形式上来说,是...[全文] 标签:HTML5教程