本文转自：转：http://hushicai.com/2014/03/29/html5-du-qu-ben-di-wen-jian.html感谢大神分享。常见的语言比如php、shell等，是如何读取文件的呢？实际上，大多数语言都需要先获取文件句柄，然后调用文件访问接口，打开文件句柄，读取文件！那么，HTML5是否也是这样的呢？答案是肯定的！HTML5为我们提供了一种与本地文件系统交互的标准方式：File Api。该规范主要定义了以下数据结构：FileFileListBlobHTML5访问本地文件系统时，...
1. 新的Doctype 尽管使用<!DOCTYPE html>，即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img src=”path/to/image” alt=”About image” /> <figcaption> <p>This is an image of something interesting. </p> </figcaption> </figure> 3. 重新定义的<small> <small>已经被重新定义了，现在被用来表示小的排版，如网站底部的版权声明 4. 去掉link和s...
学习笔记：仅作参考 cc.ScaleTo.create(duration, sx, sy)duration持续时间sx 横坐标大小比例sy 纵坐标大小比例RotateTo：将 cc.Node 对象旋转到一个特定的角度。 RotateBy：将 cc.Node 对象旋转一个特定的角度。使用cc.RotateTo.create(duration, deltaAngleX, deltaAngleY)和cc.RotateBy.create(duration, deltaAngleX, deltaAngleY)来创建动作。duration 运动周期，单位为s。deltaAngleX 水平旋转角度deltaAngleY 垂直旋转角度，...
早在几个星期前，Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知，HTML5在互联网领域掀起了一场大论战，并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语 言。以下30多个资源可帮你开始学习HTML5。Blowing up HTML5 video and mapping it into 3D space（将HTML5视频吹散并组成3D效果）最近我研究了HTML 5中的Canvas 和Video 标签，并发现了一些很酷的特性。其中之一就是Canvas.drawImage() api。此...
HTML5中 的ogg从网上学习HTML5之video时看到了下面的代码，不太清楚ogg是什么，于是搜索了一些知识点供了解。 Ogg全称是OGG Vorbis， 是一种音频压缩格式，类似于MP3等的音乐格式。 最明显的特点是： 1.是完全免费、开放和没有专利限制的。 2.OGG Vorbis有一个特点是支持多OGG格式音频图声道。 3.创建的OGG文件可以在未来的任何播放器上播放。 因此，这种文件格式可以不断地进行大小...
<!doctype html> <html> <head><meta charset="utf-8"><title>五子棋</title><style type="text/css">*{margin: 0px;padding: 0px;}canvas{background: url(images/bg.jpg);}canvas:hover{cursor: pointer;}</style> </head><body><canvas width="800" height="800" id="canvas"></canvas><script type="text/javascript">//初始化var canvas = document.getElementById(‘canvas‘);var context = canvas.getContext(‘2d‘);var ...
标签名字单双标签标签描述标签类型和特点<Doctype>单标签定义文档类型 <html>双标签定义HTML文档 <meta>单标签 <body>双标签 <title>双标签 <div>双标签 块元素 (宽度默认100%,独占一行,宽度可调)<input>单标签定义输入控件行内块元素 (宽度不占100%,宽度可调.默认宽度是内容宽度)<button>双标签 行内块元素 (宽度不占100%,宽度可调.默认宽度是内容宽度)<span>双标签 行内块元素 (宽度不占100%,宽度可调.默认宽度...
复制代码代码如下:document.createElement(‘header‘); document.createElement(‘nav‘); document.createElement(‘section‘); document.createElement(‘article‘); document.createElement(‘aside‘); document.createElement(‘footer‘); 复制代码代码如下:<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>html5测试</title> <script type="text/javascript" src="html5.js"></script> <link rel="stylesh...
无论是第三方开发公司，还是广告主，在面对HTML5营销时都会遇到这样那样的问题，或者说有这样或那样的误区，现在让我们看看这里面的坑究竟在哪？ 想凭一款HTML5能一夜成名 期望高、投入少，许多市场营销人员，特别是老板，都希望靠一款没有任何推广投入的HTML5一夜成名，但现在这种情况在微信朋友圈里已经不可能出现了。 H5页面的推广方式乏善可陈，无外乎朋友圈分享和微信公众号推广，但目前的HTML5营销无论是在表现形式还是内容...
记得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验？是不是立刻就想到了flash实现？这彷佛年代久远的事了。使用现在最流行的Web技术HTML5，CSS3和jQuery，同样也可以实现类似的用户体验。而且使用这些特性将会比使用flash更加有效。也许你可能刚知道Adobe停止开发移动版flash的消息，虽然在桌面中我们还拥有大量的flash的应用，但是随着HTML标准的完善，可能flash也要退出历史舞台了。在今天这篇文章中，我们将介...
1.表单控件提供的checkValidity（）方法进行校验。例如：如果checkValidity（）方法返回true 则表明该表单内的所有表单控件都有效。<body><form action="">生日：<input id="birth" name="birth" type="date"><br> 邮件地址：<input type="email" id="email" name="email"><br><input type="submit" value="提交" onclick="return check()"></form><script>var check =function () {return commonCheck(‘birth‘, ‘生日‘, ‘字段...
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>紧急通知-HTML5</title> <style type="text/css"> body { width: 700px; margin: 40px auto; border: 1px solid #999; padding: 0 20px; border-radius:10px;} li{list-style: none;} h2 {text-align: center;} </style> </head> <body> <div><A href="http://www.999jiujiu.com/">http://www.999jiujiu...
创建HTML文档： 1.命名规则 不允许使用特殊字符。不允许使用中文名。推荐使用小写。 注意：如果创建完HTML文件后依然是文本文件格式，那么请将系统里隐藏已知文件扩展名的勾选去掉。 方法： win7->按一次alt->工具->文件夹选项->查看-》已知文件扩展名。 2.HTML标签通常使用两个角括号括起来:”<”和“/>”标签分为成对的和不成对的。 成对的：<html></html> <head></head> ...
一、CORS领域问题：1、CORS的介绍请参考：跨域资源共享简介2、HTML5中的XHR2级调用可以打开一个socket连接，发送HTTP请求，有趣的是，上传文件这里恰恰是multi-part/form-data恰恰符合要求，不需要preflight，所而且可以带cookie等认证信息。完美的绕过了所有的跨域共享防御机制。 1 <script language=javascript type=text/javascript>2functiongetMe()3{4varhttp;5 http=newXMLHttpRequest();6 http.open(POST,http://192.168.10...
HTML5 CSS3银河系星空闪耀网页背景动画特效，运行本效果后，一幅像银河系的星空图展现眼前，远处星空闪耀，星空整体上同样也具有动画效果，可很好的应用于网页背景中，本背景动画的生成依赖Canvas技术，运行时请选择支持Canvas技术的浏览器，IE就免谈了，推荐Chrome。提示：若不能运行，请将代码保存到本地HTML文件中，然后使用Chrome打开。 【源代码展示】<!doctype html><html><head><meta charset="utf-8"><title>HTML5 Canvas全...