网页制作
-
使用HTML5拍照示例代码
HTML5拍照首先,我们看看HTML代码结构,当然,这部分的DOM内容应该是在用户允许使用其摄像头事件出发后,动态加载生成的,感兴趣的朋友可以了解下...
-
HTML5梦幻之旅——炫丽的流星雨效果实现过程
流星出现的时候,人们都喜欢对着它们许愿,因为传说对着流星许下愿望后,愿望就能实现,最近出于兴趣,制作一个拖尾效果,后来想到可以通过拖尾效果来实现一下流星雨的效果...
-
5个你不知道的HTML5的接口介绍
尽管当前的主流浏览器已经实现了很多的HTML5新特性,但是很多开发者根本就没注意到这些更简洁,也很有用的API,本系列文章介绍这些接口API,同时也希望能鼓励更多开发者去探索那些还不广为人知的API...
-
HTML5 placeholder(空白提示)属性介绍
浏览器引入了许多的HTML5 特性其中我最喜欢的一个就是为input元素引入了placeholder属性,placeholder属性显示引导性文字直到输入框获取输入焦点,当有了用户输入内容后引导性内容将会自动隐藏...
-
HTML5 自动聚焦(autofocus)属性使用介绍
一个简单的HTML功能是现在允许我们在页面加载完成后自动将输入焦点定位到需要的元素,通过一个叫做 autofocus的属性完成,感兴趣的朋友可以了解下...
-
HTML5新增的Css选择器、伪类介绍
HTML5新增了Css选择器、伪类,本文整理了一些,并给出简单的使用介绍,喜欢html5的朋友可以参考下,希望对大家有所帮助...
-
通过Canvas及File API缩放并上传图片完整示例
创建一个只管的用户界面,并允许你控制图片的大小。上传到服务器端的数据,并不需要处理enctype为 multi-part/form-data 的情况,仅仅一个简单的POST表单处理程序就可以了. 好了,下面附上完整的代码示例...
-
Canvas与Image互相转换示例代码
本文向大家展示怎样转换Image为canvas,以及canvas如何提取出一个Image,示例代码如下,有此需求的朋友可以参考下,希望对大家有所帮助...
-
HTML5的语法变化介绍
HTML5的语法变化主要体现在标签不再区分大小写、元素可以省略结束标签、允许省略属性值的属性等等,感兴趣的朋友可以参考下,希望对大家了解html5有所帮助...
-
HTML5 预加载让页面得以快速呈现
预加载是一种浏览器机制,使用浏览器空闲时间来预先下载/加载用户接下来很可能会浏览的页面/资源,当用户访问某个预加载的链接时,如果从缓存命中,页面就得以快速呈现...
-
HTML5 input元素类型:email及url介绍
HTML5改进的地方想必大家有所知晓,下面我要介绍的是两个新的input元素类型email和url。让我们跟着代码来看看他们的好处,感兴趣的朋友可以参考下...
-
HTML5 embed 标签使用方法介绍
embed标签定义嵌入的内容,比如插件,src属性的值必须指定实际的文件扩展名,比如你想用它来播放mp3文件,下面为大家详细介绍下,感兴趣的朋友可以参考下...
-
用html5的canvas画布绘制贝塞尔曲线完整代码
html5的canvas很强大利用其画布可轻松绘制贝塞尔曲线,为大家以后使用方便,特于此分享实现代码,有此需求的朋友可以参考下...
-
HTML5中div、article、section的区别及使用介绍
div, section article这三个标签的基本概念想必大家对其不是很了解下,语义是从无到有,逐渐增强,下面有一个简单的网页,供大家参考,希望可以对html5的结构有所熟悉...
-
html5基础教程常用技巧整理
HTML5的一些新增属性和功能是让代码变得更简洁,这总归是一件好事,应该值得我们推崇,希望这篇HTML5的文章对你有一些帮助...
-
HTML5 script元素async、defer异步加载使用介绍
异步加载,可以理解为无阻塞并发处理,过去我们使用各种JavaScript技巧来做这种事情,现在WebKit为HTML5实现了SCRIPT标签的async异步属性,感兴趣的朋友可以了解下...
-
HTML5在a标签内放置块级元素示例代码
你没看错:用一个A标签包裹块级元素,在HTML5以前,a标签属于行内元素,而div,h1,p 等为块级元素,如果强行包裹,可能会被强行截断为多个a标签,感兴趣的朋友可以了解些...
-
HTML5 window/iframe跨域传递消息 API介绍
window.postMessage允许多个 window/frame之间跨域传递数据和信息。下面为大家介绍下window.postMessage的工作原理,以及如何在FireFox,IE8+,Opera,Safari和Chrome中使用它...
-
HTML5实现一个能够移动的小坦克示例代码
HTML5一词想必大家早已如雷贯耳,其功能很强大,本文为大家介绍下通过其实现一个能够移动的小坦克,具体如下,喜欢HTML的朋友可以参考下...
-
HTML5实现经典坦克大战坦克乱走还能发出一个子弹
在上篇文章中为大家介绍了如何使用HTML5实现一个可以移动的小坦克,而在本文将带领大家进入坦克大战,喜欢HTML5的朋友可不要错过了哈...
-
HTML5 贪吃蛇游戏实现思路及源代码
游戏难点是怎么模拟贪吃蛇的移动。如果只是一个方块的话显然很简单。但是当蛇的长度变长之后要怎么样控制,下面为大家简要介绍下具体的实现,感兴趣的朋友可以参考下,希望对大家有所帮助...
-
html5 利用canvas实现超级玛丽简单动画
最近在学习html5,其中涉及到很关键的元素canvas-画布,经搜索研究终于将将超级玛丽简单的动画给实现了,在此与大家分享下,希望对初学者有所帮助...
-
HTML5实现锚点时请使用id取代name
HTML5已经去掉name属性,实现锚点时请使用id,下面有个不错的示例支持Chrome,火狐,IE8以上等浏览器,新手朋友们可以学习下哦...
-
使用HTML5技术开发一个属于自己的超酷颜色选择器
使用jquery/js开发的颜色选择器想必大家都有见到过吧,在本文将为大家介绍下使用HTML5技术来自己实现一个更棒的颜色选择器,感兴趣的朋友可以参考下...
-
HTML5 canvas画矩形时出现边框样式不一致的解决方法
HTML5画图发现里面画矩形的函数画出来的边框出现了样式不一致的问题,下面把解决问题的思路分享给大家,感兴趣的朋友不要错过...








