-
HTML5实现经典坦克大战坦克乱走还能发出一个子弹
复制代码 代码如下: pre name="code" class="html"tank.html/prepre name="code" class="html"!DOCTYPE html html head meta charset="utf-8"/ /head body onkeydown="getCommand();" h1hmtl5-经典的坦克大战/h1 !--坦克大战的战场-- c...
-
HTML5实现一个能够移动的小坦克示例代码
复制代码 代码如下: !DOCTYPE html html head /head body onkeydown="changeDirect()" canvas id="tankMap" width="500px" height="300px" style="border:1px solid #d3d3d3;"您的浏览器不支持canvas标签/canvas script type="text/javascr...
-
HTML5 window/iframe跨域传递消息 API介绍
原文地址： 在线示例：(请打开控制台看日志) 我写了一个 MooTools 的插件PostMessager来封装window.postMessage,你可以点击这里下载! HTML5 的 window.postMessage 接口API 还没有多少人了解。 window.pos...
-
HTML5在a标签内放置块级元素示例代码
对比起XHTML来说，HTML5通过更简单的元素引起了一系列的思考，坦诚地讲,这真的是急需的简化。这些简化之一就是能够通过a标签包装像div,h标签(h1...h6),和段落标记P 这些块级元素。你没看...
-
HTML5 script元素async、defer异步加载使用介绍
(译者注: 异步加载,可以理解为无阻塞并发处理.) 我对于HTML5感到兴奋不已的原因之一是它实现了众多业界期待已久的特性。我们一直需要输入框显示空白提示，但都是用JavaScript来实现的...
-
html5基础教程常用技巧整理
1. 新的Doctype声明 XHTML的声明太长了，我相信很少会有前端开发人员能手写出这个Doctype声明。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd H...
-
HTML5中div、article、section的区别及使用介绍
最近正在学习html5，刚接触html5，感觉有点不适应，因为有一些标签改变了，特别是div, section article这三个标签，查了一些资料，也试着用html5和css3布局网页，稍微有点头绪了，下边还有...
-
用html5的canvas画布绘制贝塞尔曲线完整代码
查看效果：http://keleyi.com/keleyi/phtml/html5/7.htm 完整代码： 复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://w...
-
HTML5 embed 标签使用方法介绍
定义和用法 embed 标签定义嵌入的内容，比如插件。 实例 embed src=helloworld.swf /HTML 4.01 与 HTML 5 之间的差异 embed 标签是 HTML 5 中的新标签。 属性 new : HTML5 中的新属性。 属性 值 描述 heig...
-
HTML5 input元素类型：email及url介绍
在前面的博文,我们已经讨论了一些HTML5改进的地方，比如placeholder,prefetching以及webStorage,狼蚁网站SEO优化我要介绍的是两个新的input元素类型: email和url。让我们跟着代码来看看他们的好处...
-
HTML5 预加载让页面得以快速呈现
浏览器厂商和开发者之间共同努力的一个方向就是让网站更快。现在已有很多广为人知的加速解决方案：CSS sprites(CSS精灵,拼图)以及图像优化,分布式配置文件(.htaccess),JS/文本文件压缩，...
-
HTML5的语法变化介绍
1、标签不再区分大小写 复制代码 代码如下: pHello,World!/P 2、元素可以省略结束标签 （1）空元素语法的元素：area、base、br、col、command、embed、hr、img、input、keygen、link、mata、param、sour...
-
Canvas与Image互相转换示例代码
JS Canvas与Image互相转换 原文演示: 在上周的Mozilla Web开发 会议,最后我们花了大半天的时间讨论未来的Mozilla市场应用。Instagram是近期最火爆的移动应用,以10亿美元的天价卖给了FaceBook。 我...
-
通过Canvas及File API缩放并上传图片完整示例
示例地址：原文作者：Dr. Tom Trenka 原文日期： 2013年8月6日 翻译日期： 2013年8月8日 Tom Trenka 能为我的博客写一篇文章,对我来说是一个巨大的荣誉。Tom是Dojo框架的最初贡献者之一，也是我...
-
HTML5新增的Css选择器、伪类介绍
选择器 p[name^=my]{font-size:14px} 选择器 ^= 讲规则应用到所有 name属性以my开头的p元素标签 p[name$=my]{font-size:14px} 选择器 $= 讲规则应用到所有 name属性以my结尾的p元素标签 p[name*=my]{font-size:1...
-
HTML5 自动聚焦(autofocus)属性使用介绍
原文 ： 原文发布时间： 2012年08月27日 翻译时间： 2013年8月6日 HTML5 推出了一大堆精彩的东西给我们。 过去我们要用JavaScript和Flash完成的任务，比如表单验证，输入框空白提示(),客户端...
