第 91 页-H5教程_html5图文教程-PHP中文网

当前位置：首页 > 技术文章 > web前端 > H5教程

最新

总结HTML5之语义标签介绍

HTML5新的语义标签尽管有很多的好处，但是在低版本的老IE浏览器中还是存在兼容性问题的，常常让人感到头疼，到底是大胆的使用新标签还是使用传统的大量的DIV无义标签？今天就简单的看看H5新标签的兼容性处理方式。首先来看一小段简单的代码：HTML代码：

H5教程 1734 2017-06-14 14:16:13
关于自动校验的文章推荐

Html5实现用户注册自动校验功能实例代码05-24 10:49:46作者：php中文网抽时间写了一个带有自动校验功能的Html5用户注册Demo。使用到Handlebars模板技术和手机验证码校验。以下是效果截图：1.页面代码：usersRegister.hbsXML/HTML Code复制内容到剪贴板 &n...

H5教程 1400 2017-06-14 14:13:46
拖放事件入门教程

前言HTML5 中提供了直接拖放的 API，极大的方便我们实现拖放效果，不需要去写一大堆的 js，只需要通过监听元素的拖放事件就能实现各种拖放功能。想要拖放某个元素，必须设置该元素的 draggable 属性为 true，当该属性为 false 时，将不允许拖放。而 img 元素和 a 元素都默认设置了 draggable 属性为 true，可直接拖放，如果不想拖放这两个元素，把属性设为 fals...

H5教程 1506 2017-06-14 13:34:47
3D旋转木马的内容推荐

这篇博客的目的是因为上篇HTML5/CSS3专题 CSS3打造百度贴吧的3D翻牌效果的经典案例中有个关于CSS 3D效果的比较重要的知识点没讲到，就是perspective和tranlateY效果图：嘿嘿，我把大学毕业时的一些照片，做成旋转木马，绕着我大文理旋转，不忘母校的培育之恩~1、perspectiveperspective属性包括两个属性：none和具有单位的长度值。其中perspecti...

H5教程 1998 2017-06-14 13:30:30
3D模型如何使用？总结3D模型实例用法

一、总述　　当代WebGL编程所使用的3D模型大多是从3DsMax模型或Blender模型转化而来，这种工作模式比较适合3D设计师和3D程序员分工配合的场景。但对于单兵作战的WebGL爱好者来讲这种模式过于沉重：且不说转化插件本身存在的各种bug严重降低了转化的成功率，光是为了生成一个简单的模型就需要系统的学习3DsMax或Blender的使用方法就让人感觉得不偿失。　　基于以上考虑，我计划编...

H5教程 5919 2017-06-14 11:22:21
基本特性函数定义与用法汇总

最近接触了Bootstrap，涉及到了LESS，CSS的预处理器使用最广泛的就是LESS和Sass，都是努力把CSS武装成为开发语言，让它从简单的描述性语言过渡到具有程序式特性的语言，主要的特性就是：变量、Mixins、嵌套、继承等。就像教程里说的：CSS的预处理器就是让CSS从设计师的工具，变为开发人员的工具。但是看完之后觉得，作为对...

H5教程 2247 2017-06-14 10:48:16
关于文字渲染的课程推荐

与文本渲染有关的主要有三个属性以及三个方法：上述的属性和方法的基本用法如下：var canvas = document.getElementById("canvas"); var&nb

H5教程 1559 2017-06-14 10:20:42
关于印刷的10篇文章推荐

响应式网页设计是针对多屏幕问题的一个很好的解决方案，但从印刷的视角来看有点困难。没有固定的页面尺寸，没有毫米或英寸，没有任何的物理限制，无从下手。为了desktop和mobile单独使用像素设计的方法也成为了过去，因为越来越多的设备都可以打开网站。因此，我们需要弄清楚响应式网页设计的一些基本原则，接受流体网页，而不是与之相抗。1.响应式 vs 自适应网页设计它们看起来似乎是相同的，但事实并非如此。...

H5教程 2829 2017-06-14 09:10:23
图片添加入门教程：10个图片添加零基础入门教程推荐

　　之前的教程《HTML5实践 -- css3图片样式》，我介绍了如何为图片添加background-image包装，借助box-shadow 和 border-radius为图片设置多种多样的样式，有兴趣的朋友可以回头阅读。但是最近我在设计 PhotoTouch 主题的时候遇到了问题，background-image大小不能调整，这对于响应式设计就不太理想了。今天...

H5教程 1860 2017-06-13 11:59:39
浅谈HTML5语义元素的实例教程

什么是语义元素?一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义元素实例: 和 - 无需考虑内容.语义元素实例: , , and - 清楚的定义了它的内容.浏览器支持Internet Explorer 9+, Firefox, Chrome, Safari...

H5教程 1634 2017-06-13 11:51:38
有关HTML5开发的文章推荐10篇

现在越来越多的人开始尝试使用HTML5开发，HTML5的引擎也逐渐增多，开发者到底应该选择一款什么样的引擎呢？这一次我来对比一下几个我个人认为还不错的引擎的效率。本次参加对比的引擎：1. createJSwww.createjs.com2. cocos2d-HTML5www.cocos2d-x.org/wiki/Cocos2d-html53. enchant.jsenchantjs.com4. l...

H5教程 2179 2017-06-13 11:42:35
关于简单动画的10篇课程推荐

1.效果图 2.原理第一步绘制一个整圆颜色自定义，第二部绘制一个内圆，其半径要小于外圆颜色自定最后一步按照百分比绘制第三个圆，颜色自定。要实现动态绘制第三步的效果，只要添加一个定时器的功能，每隔一段时间绘制一段距离，设定一个阀值当大于这个阀值得时候就清空这个定时器，这个阀值其实就是要显示的百分比值。每次绘制0.01. 注意：在定时器内绘制时，要把第二步绘制内圆，空白圆也在定时器中...

H5教程 1468 2017-06-13 11:25:07
关于开源库件的详细介绍

一，lufylegend.js是什么？lufylegend是一个HTML5开源引擎，它实现了利用仿ActionScript3.0的语法进行HTML5的开发，包含了LSprite，LBitmapData，LBitmap，LLoader，LURLLoader，LTextField，LEvent等多个AS开发人员熟悉的类，支持Google Chrome，Firefox，Opera，IE9，IOS，A...

H5教程 1383 2017-06-13 11:09:52
有关Box2dWeb的课程推荐10篇

愤怒的小鸟是一款人气火爆的益智游戏，现在我试着用lufylegend库件和Box2dWeb物理引擎来看看在html5中如何制作此类经典的物理游戏。准备工作一首先，你需要下载lufylegend库件1.4.1版http://blog.csdn.net/lufy_legend/article/details/7751425box2dweb你可以到这里下载http://code.google.com/p...

H5教程 1718 2017-06-13 11:08:35
html5游戏开发-愤怒的小鸟文章推荐

愤怒的小鸟是一款人气火爆的益智游戏，现在我试着用lufylegend库件和Box2dWeb物理引擎来看看在html5中如何制作此类经典的物理游戏。准备工作一首先，你需要下载lufylegend库件1.4.1版http://blog.csdn.net/lufy_legend/article/details/7751425box2dweb你可以到这里下载http://code.google.com/p...

H5教程 1734 2017-06-13 11:06:23