HTML最新标准HTML5总结(必看)

2020-04-25 08:07:43易采站长站整理

更多HTML 5标准

HTML5推荐标准(W3C官网推荐标准)

–http://www.w3.org/TR/html5/

或者参考w3school

HTML5 完整的新标签

–http://www.w3school.com.cn/tags/index.asp

HTML 全局属性

–http://www.w3school.com.cn/tags/html_ref_standardattributes.asp

全局事件属性

–http://www.w3school.com.cn/tags/html_ref_eventattributes.asp

HTML5实例分析飞翔的小鸟

基于Phaser(开源的HTML5 2D游戏开发框架),主要需要编写以下三个函数:

Preload函数(执行一次):

加载资源(背景、图片等资源)

Create函数(执行一次):

给鸟一个向下的重力,不受控制的时候自动下落

添加键盘空格事件,按下空格时改变小鸟坐标

创建墙壁事件,每隔1.5s,出现一排墙壁往左移动(中间随机隔3块)

Update函数(每帧执行):

判断是否飞出边界

判断是否碰到墙壁

效果图如下:

柱状图表

主要步骤:

利用canvas画出图形

定义鼠标点击事件(获取鼠标坐标来区分点击的目标),$(canvas).on("cpck",mouseCpck); 

定义鼠标hover事件(获取鼠标坐标来区分hover的目标),$(canvas).on("mousemove",mouseMove);

效果图:

HTML5发展展望

当前各大浏览器对HTML5支持情况(满分是555分),http://html5test.com/

一句话,无论是桌面还是手机浏览器,谷歌对HTML5的支持最全面。

各大公司行动

–谷歌,宣布自动转换Flash广告为HTML5版本;chrome浏览器

–Youtube ,使用HTML 5的播放器;

–Amazon,宣布停用所有Flash广告;

–腾讯,微信朋友圈小游戏、贺卡或邀请函; QQ空间H5游戏&helpp;

–百度,直达号;

–阿里,UC浏览器,手机淘宝H5游戏&helpp;

以上这篇HTML最新标准HTML5总结(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。

原文地址:http://www.cnblogs.com/chenpi/archive/2016/06/12/5578011.html