html5简单介绍,简单博客介绍html,html简单网页代码,html5技术介绍,简单的html网页模板,简单的html代码,html5介绍,简单html代码,html简单网页模板,html介绍

同源策略 同源策略，它是由Netscape提出的一个著名的安全策略。 现在所有支持JavaScript 的浏览器都会使用这个策略。 所谓同源是指，域名，协议，端口相同。 当一个浏览器的两个tab页中分别打开来 百度和谷歌的页面 当浏览器的百度tab页执行一个脚本的时候会检查这个脚本是属于哪个页面的， 即检查是否同源，只有和百度同源的脚本才会被执行。 一些简单的示例演示 Application Cache 使用Application Cache，你可以指定哪一个文件是浏览器缓存保留的并提供给用户离线使用的。这时候你的网站工作起来就像是线上一样，并且他们不会感觉到和真正在线使用有任何差异。 那么，哪一部分文件是浏览器要保存的呢？这一切都定义在缓存清单文件中。 CACHE MANIFEST# version 1.0.0#缓存 — 定义了哪些资源是浏览器可以缓存的CACHE:/html5/src/logic.js/html5/src/style.css/html5/src/background.png#网络 — 定义了哪些资源是需要用户在线才能使用的 NETWORK:* 设备通用 拖拽与拖放 (Drag & Drop) 与 文件处理 (File API) 过去我们想实现网页中的拖拽效果，基本上都是使用DOM事件模型中的mousedown、mousemove、mouseup的鼠标事件监听来模拟拖拽效果，为了实现实时的拖拽移动效果，还要不停地获取鼠标的坐标，不停的修改元素的位置，代码要堆很多，而且性能也很差，现在有了HTML5原生的Drag & Drop 拖拽事件，再结合FileAPI 中的 FileReader，一切变得so easy~ 连接 WebSocket 现在，很多网站为了实现即时通讯，所用的技术都是轮询。这种模式需要浏览器不断的向服务器发出请求，然而HTTP请求的header信息是非常长的，这样会占用很多的带宽和服务器资源。 WebSockets是在一个(TCP)接口进行双向通信的技术，PUSH技术类型。能更好的节省服务器资源和带宽并达到实时通讯。 在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。 多媒体 音频和视频 (Audio + Video) Audio和Video是首批添加到HTML规范中的标签。它们的加入使得我们可以像插入图片一样来处理音频及视频文件。 三维、图形与特效 Canvas 画布元素 传统的网页，总是使用GIF或者JPEG来显示图像，这种图形是需要事先画好的“静态”的图像。而Canvas，则是用Javascript的一种绘图手段。 可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。 性能与集成 XMLHttpRequest 2 作为XMLHttpRequest的改进版，XMLHttpRequest Level 2在功能上有了很大的改进。支持跨源XMLHttpRequest和进度事件(Progress events)。 计算上传进度： xhr.upload.addEventListener("progress", function (e) { var pc = parseInt(100 –(e.loaded / e.total * 100)); progress.style.backgroundPosition = pc + " %"; } 更多… Geolocation —— 获取浏览器用户的地理信息 postMessa