linkedu视频
平面设计
电脑入门
操作系统
办公应用
电脑硬件
动画设计
3D设计
网页设计
CAD设计
影音处理
数据库
程序设计
认证考试
信息管理
信息安全
网页制作
数据库
程序设计
操作系统
CMS教程
游戏攻略
脚本语言
平面设计
软件教程
网络安全
电脑知识
服务器
视频教程
html/xhtml
html5
CSS
XML/XSLT
Dreamweaver教程
Frontpage教程
心得技巧
bootstrap
vue
AngularJS
HBuilder教程
css3
浏览器兼容
div/css
网页编辑器
axure
您的位置:
主页
>
网页设计
> html5
html5
超文本标记语言(HTML)的第五次重大修改,进行了多达近百项的修改,包括HTML和XHTML的标签,相关的API、Canvas等,同时HTML5的图像img标签及svg也进行了改进,性能得到进一步提升
phonegap使用方法介绍(六)获取设备的信息方法
下面小编就为大家带来一篇使用phonegap获取设备的一些信息方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
分享利用 HTML5 的 Canvas 制作人脸的实例代码
这里主要使用了HTML5的Canvas进行绘制。利用html5制作人脸的实例代码
分享一个用html5实现的贪吃蛇特效代码
本篇小编为大家分享一个用html5实现的简单贪吃蛇特效代码,喜欢的小伙伴们可以看一下
畅谈HTML5 到底是什么?
在这篇文章中,W3C浏览器技术核心标准工作成员MikeSmith谈论了HTML5到底是什么,并给出了一些对开发人员有用的资源,可以让他们跟进不断演化的标准。
利用HTML5 从视频中捕获静止图像实例代码
一个简单的例子展示了如何从视频中捕获静止图像。下面来看一下
分享一个HTML5实现拖放的实例代码
在html5中,支持拖放API接口,通过该功能,数据可以在浏览器与其他应用程序之间互相拖放,想要实现该操作,必须经过一下两个步骤
关于h5本地数据库的基本介绍(适合初学者)
Html5工作上用了有段时间了,但一直没有系统的学习过,最近把Html5系统的撸了一遍,把一些学习到的知识陆续更新出来(每周末更新一周所得或者存货),适合初学者看,如果你是大神.........请飘过。好,直奔主题HTML5中,为了减轻服务器的负担和提高Web应用程序性能,将原本必须要保存在服务器上的数据转为保存在客户端本地。可以像访问本地文件那样轻松地对内置数据库进行直接访问。HTML...
移动端利用html5对照片处理的教程实例
前一阵在公司用vue开发webapp,遇到一个用户拍照或者调用手机相册展示图片,然后上传服务器的需求,接触前端仅半年的我走上了一路踩坑的道路,下面我来说说我遇到的那些坑!各种坑汇总调取手机相册iOS到没什么问题,安卓手机好坑啊,网上搜了很多办法,要么就是有的手机不管用,要么就是只能调相册不能调相机,要么就是只能调相机不能调相册调取相册拿到相片后渲染到界面上,iOS又出了问题,通过相机拍...
分享一个利用HTML5制作的海浪效果代码
作者我能看这个动画看一下午,动画分析构成:贝塞尔曲线画布:Canvas效果:波浪涨潮(上升、波动)触发条件:点击按钮算法实现分析:从sin()函数切入,sin()越大波度起伏越大,简单说就是通过不断改变sin()值来实现海浪效果动画干货开始:1、创建触发条件(按钮)2、创建画布Canvas3、创建JS事件(属性设置)4、画贝塞尔曲线这一段代码已经完成静...
利用H5实现一个轮播器(触屏版)的实例教程
初入前端,分享一下手机上触屏版轮播器的实现过程,大致功能如下:支持循环滑动宽度可任意设置,不需要与屏幕等宽页面可纵向滚动可设置回调监听元素的切换纯js,不借助任何第三方库原理假设子元素.item的width为375px,使用绝对定位将所有子元素放在父元素内将父元素.carousel的width设置为375px,与子元素.item宽度相同为父元素.carousel添加触摸事件:touchsta...
利用H5制作一个倒计时demo的实例教程
这几天正好没事,所以研究了一下h5前端。h5是一个标签语言,里面各种各样的标签相当于ios里面各种各样的控件,其实思维逻辑是跟ios差不多的,都是把控件创建出来,然后进行布局。不扯了,下面甩个demo:简单说一下思路:这是一个倒计时加载图片的小demo,实现的思路很简单,就是先创建两个控件,和,在css里面把布局写一下,然后在javascript里面拿到这两个标签,这里说一下docu...
关于HTML5中p和span标签的介绍
1.ID和类的选择我们常常会很难决定一个元素应该使用ID还是类名.这里先直接说出总结的结果:只有在目标元素非常独特,绝不会对网站上其他地方使用这个名词时,才会使用ID.换句话说,只有绝对确定这个元素只会出现一次的情况下,才应该使用ID.如果你认为以后可能需要相似的元素,就使用类.总结上说的已经很明白了,就不需要过多解释了.下面说一下过度使用时各自的缺点.过多使用ID的缺点:如果大量...
HTML5能干什么?详解html5的功能
目前随着Html5技术火热,随处可见H5的身影。1.png那么到底什么是HTML5?HTML5能干什么?在这里也简单的写一下我的理解,未必正确,其功能之强大,需要我们不断的去学习,不断的探索。技术的这条道路永远没有尽头,只要找到你的乐趣,你会发现无论走多久你都不会累。先来看看什么是HTML?HTML(HyperTextMarkupLanguage)即超文本标记语言,也是一种规范,一种标准,...
分享一个用html5实现炮弹自由落体的实例代码
html5仿大炮炮弹的自由落体实现html5的魅力相信大家不会陌生,希望各位大大浏览器们早点支持这个特性哦,,还有先吐槽一句,微信的那个broser简直弱爆了就简单的动画,比如滑动,就jquery的show(1000),hide(1000)都卡的不行,还是qq浏览器的内核,qq浏览器,,,算了,,我先冷静下。。。。还有就是前几天看到的这个!!!都不支持要他干嘛?????回归主题大炮整体思路就...
html5中Canvas的使用--画线和面
我们知道canvas是画布,今天我们就来画布上面画线和面。1.Html中的画布canvas是HTML5中的元素,当没有设置宽度和高度的时候,canvas会初始化宽度为300像素和高度为150像素。该元素可以使用CSS来定义大小;如果在绘制时图像会伸缩以适应它的框架尺寸,那么CSS的尺寸与初始画布的比例不一致,会出现扭曲。2.渲染上下文canvas起初是空白的。为了展示,首先脚本需要找...
详解HTML5新表单属性
新表单属性最完整的表单属性可以通过查阅w3cschoolh5表单属性获取,这里仅针对常见属性讲解autocomplete(自动完成)能够记录用户的输入,并且给予提示,这就是autocomplete的作用取值:on:开启off:关闭适用情况:一般用在input标签中示例代码:使用注意:标签需要添加name属性只有提交了一次以后才会出现提示autofocus(获取焦点)当某一...
40 个 HTML5 面试题(含答案)
介绍我是一个ASP.NETMVC的开发者,最近在我找工作的时候被问到很多与HTML5相关的问题和新特性。所以以下40个重要的问题将帮助你复习HTML5相关的知识。这些问题不是你得到工作的高效解决方案,但是可以在你想快速复习相关主题的时候有所帮助。快乐地找工作。SGML(标准通用标记语言)和HTM
HTML5中的<aside>元素与<article>元素 实例详解
<aside>元素HTML<aside>元素表示一个页面的一部分,它的内容跟这个页面的其它内容的关联性不强,或者是没有关联,单独存在。<aside>元素通常显示成侧边栏(sidebar)或一些插入补充内容。通常用来在侧边栏显示一些定义,比如目录、索引、术语表等;也可以用来显示相关的广告宣传,作者的介绍,Web
关于HTML5中input标签(type属性)的详细介绍
新type属性介绍首先让我们来看一张表,测试代码:运行效果新type属性的注意要点兼容性问题由于ie的兼容性的问题,在不同的浏览器中显示效果不尽相同但是在移动设备上的支持效果较好,可以将该页面发送到手机进行测试实际开发中可以按照需求选用input表单验证用户在输入内容的时候不可能做到全部正确,比如email地址``电话长度等...
什么是 WebSocket?深入理解html5中WebSocket
什么是WebSocketWebSocket的服务端和客户端可以双向进行通讯,并且允许跨域通讯。由HTTP/1.1的Upgrade机制支持,通过ws(非加密)或wss(加密)协议进行通讯WebSocketWebSocket(inDOMStringurl,inoptionalDOMStringprotocols);WebSocketWebSocket(inDOMStringurl,inoptio...
HTML5 高级教程之web Storage
前言HTML5的webStorage存储方式有两种:localStorage和sessionStorage。这两种方式都是通过键值对保存数据,存取方便,不影响网站性能。他们的用法相同,存储时间不同。localStorage的数据保存在本地硬件上,可以永久保存,可以手动调用api清除数据。sessionStorage保存在session对象中,会在浏览器关闭时被清除。...
HTML5--多媒体标签详解
早期的因特网主要用来分享学术成果,但是对普通民众而言,更愿意在上面分享一些更有趣的内容,比如视频,音频,这些技术在html5之前都不是由html标签提供的网页音视频解决方案发展虽然早期的html并没有提供支持视频或者音频播放的标签,但是这并不影响人们分享的欲望支持方式1:使用embed直接将视频塞入页面,然后就可以使用WindowsMediaPlayer,AppleQuickTi...
分享利用HTML5实现图片压缩上传的实例代码
实现流程:获取上传的文件;使用FileReader读取图片,并新建一个Image对象将FileReader读取的图片数据放进去;使用canvas将Image对象等比缩放并写入到画布中,保存为base64格式的数据(这里使用的是FormData对象上传,其实这里已经可以直接将base64的数据通过ajax使用post方法上传到服务器,即可避免下面两个步骤);新建一个Blob对象将ba...
分享一个video标签无法播放mp4的问题以及解决方案
这篇文章主要给大家介绍了关于解决html5中video标签无法播放mp4问题的办法,文中介绍的非常详细,相信会对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
Html5 什么是prefetch/prerender?介绍Html5 中prefetch/prerender
有1周没有写Affiliate的文章了,今天写一片技术稿来安慰下果粒圈的朋友.文章标题写,为Affiliate而生其实是夸张写法,prerender/prefetch其实是为了提升网页加载速度而但是一直通过预加载来实现,提升用户感受的方式,例如用户在首页停留2s,而这2s里面我们就已经加载了一个用户可能要打开的页面,那么用户打开的速度会非常快.给用户的感受也是极好的HTM...
首页
上一页
92
93
94
95
96
下一页
末页
文章分类
html/xhtml
html5
CSS
XML/XSLT
Dreamweaver教程
Frontpage教程
心得技巧
bootstrap
vue
AngularJS
HBuilder教程
css3
浏览器兼容
div/css
网页编辑器
axure
最新内容
HTML5+Canvas+CSS3实现齐天大圣孙悟空腾云驾雾效果_html5教程技巧
小强的HTML5移动开发之路(37)——jqMobi快速入门
phonegap实现进行本地存储的方法介绍
html5 video 移动端详解
2016年度——React.js 最佳实践
一波HTML5 Canvas基础绘图实例代码集合_html5教程技巧
读了这篇不看好 HTML5 的文章,你有什么感想?
html5 WebWorkers防止浏览器假死的示例代码分享
IE9下html5初试小刀
如何利用input事件来监听移动端的输入_html5教程技巧