【HTML5开发系列】CSS3

meta元素可以用来定义文档的各种元数据.他有很多种用法,一个HTML文档可以包含多个meta元素. meta元素在HTML5中的变化 charset属性是HTML5中新增的.在HTML4中,http-equiv属性可以有任意多个不同值.而在HTML5中则有限制.此外,现在已不再使用meta元素来指定网页所用的语言. meta元素用法 1.name和content属性 name属性用来表示元数据的类型,content属性用来提供值. meta元素可以使用几种预定义元数据类型.如下: applic…

【HTML5开发系列】HTML元素总结

HTML元素汇总,包含HTML4元素和HTML5新增元素.Y表示有变化,N则表示没有变化,N/A表示未知文档和元数据元素包括说明HTML文档的结构,向浏览器说明文档的情况,定义脚本程序和css样式,提供浏览器禁用脚本时要显示的内容文本元素文本元素用来为内容提供基本的结构和含义内容分组元素划分内容元素用于划分内容,让每个概念.观点或主题彼此隔开. 制表元素用于制作显示数据的表格表单元素创建HTML表单,一遍获取用户输入的数据嵌入内容元素未实现的元素…

【HTML5开发系列】DOM及其相关

对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口.DOM把Javascript和HTML文档的结构和内容连接起来,通过DOM可以控制HTML的行为.DOM是一个树状结构,如下图所示. DOM Level和兼容性问题 DOM Level (即DOM等级)是W3C标准化过程中的版本号,在大多数情况下可以忽略他们. DOM0级(DOM Level 0) 实际上DOM0级标准是不存在的.所谓DOM0级只是DOM历史坐标中的一个参…

【HTML5开发系列】表单元素

<form> 创建一个HTML表单属性: action 表示提交表单时浏览器应该把用户填写的数据发送到什么地方 method 用来指定表单数据发送到服务器的方式.允许值有get和post两个 enctype 用来指定浏览器发送给服务器的数据编码方式.该属性可用值有三个值说明 application/x-www-form-urlencoded 这是默认编码方式.它不能用来将文件上传到服务器 multipart/form-data 该编码方式用于将文件上传到服务器 text/plain 该编…

HTML5游戏开发系列教程5(译)

原文地址:http://www.script-tutorials.com/html5-game-development-lesson-5/ 最终我决定准备下一篇游戏开发系列的文章,我们将继续使用canvas来进行HTML5游戏开发系列的文章.今天我准备音乐的例子(有点儿像音乐合成器),它用到了使用CSS3来制作的基于DOM的对话框.为什么我使用独立的对话框--简单,最主要是因为CSS有很多处理标准元素的文本和样式的方法,且它可以使JS的代码简单,同时能提升例子程序的速度.所以你可以对这些对话框应…

HTML5游戏开发系列教程10(译)

原文地址:http://www.script-tutorials.com/html5-game-development-lesson-10/ 最后我们将继续使用canvas来进行HTML5游戏开发系列的文章.今天我准备了一个新游戏--SkyWalker.这游戏基本上算是一个射击模拟类型的游戏(有飞机和敌人).我们的目标是到达终点线.该游戏有几个关键的特征:使用了精灵来处理飞机和爆炸,可以按下多个按键(比如你可以移动飞机的同时发射子弹),a certain level length,增强的碰撞检测…

HTML5游戏开发系列教程9(译)

原文地址:http://www.script-tutorials.com/html5-game-development-lesson-9/ 今天我们将继续使用canvas来进行HTML5游戏开发系列的文章.这次我准备了一个新游戏,是基于第4篇的游戏,但是增加了火球,敌人和碰撞检测.故,我们的龙可以发射火球来杀死敌人,并且记录分数.这样该游戏就有更多的交互性. 之前的翻译文章可以点击这里:http://www.cnblogs.com/pigzhu/p/3234255.html 第一步:HTML 首…

HTML5游戏开发系列教程8(译)

原文地址:http://www.script-tutorials.com/html5-game-development-lesson-8/ 这是我们最新一篇HTML5游戏开发系列文章.我们将继续使用canvas来进行HTML5游戏开发系列的文章.这次我将展示在你的项目中,如何使用Box2D的创建物体.Box2D是一个非常流行的开源物理引擎对于那些需要模拟2D物体的应用来说.在游戏开发中,2D物理引擎是个非常热门的话题.有了物理引擎的帮助,再设定环境和简单的规则,我们可以很容易的创建好玩的游戏.…

HTML5游戏开发系列教程7(译)

原文地址:http://www.script-tutorials.com/html5-game-development-lesson-7/ 今天我们将完成我们第一个完整的游戏--打砖块.这次教程中,将展示怎样进行基本的碰撞检测和使用HTML5的本地存储.你可以使用鼠标和键盘来操作挡板,上一次游戏的持续时间和分数将会保存. 前一篇的的介绍在HTML5游戏开发系列教程6(译). 第一步:HTML <!DOCTYPE html> <html lang="en"> &l…