html5实现的简单介绍

HTML5 WebSocket如何实现消息推送？

HTML5 WebSocket实现消息推送有以下两种方法：

成都创新互联致力于做网站、成都做网站,成都网站设计,集团网站建设等服务标准化，推过标准化降低中小企业的建站的成本，并持续提升建站的定制化服务水平进行质量交付，让企业网站从市场竞争中脱颖而出。选择成都创新互联，就选择了安全、稳定、美观的网站建设服务！

长连接：在页面里嵌入一个隐蔵iframe，将这个隐蔵iframe的src属性设为对一个长连接的请求或是采用xhr请求，服务器端就能源源不断地往客户端输入数据。优点：消息即时到达，不发无用请求；管理起来也相对便。

Flash Socket：在页面中内嵌入一个使用了Socket类的 Flash 程序JavaScript通过调用此Flash程序提供的Socket接口与服务器端的Socket接口进行通信，JavaScript在收到服务器端传送的信息后控制页面的显示。优点：实现真正的即时通信，而不是伪即时。

实现消息推送可以试一试极光。极光是国内领先的移动开发者服务提供商，近十年里，极光紧密围绕移动开发者的需求，打造了一系列针对开发者运营、增长及变现的产品。

HTML5能做什么，主要用于做什么东西

HTML5用于实现日常看到的所有网站（比如网站的模块布局、文字段落图片等样式、动作等），但是不涉及后台和数据层面（具体的图片、文字是什么）。

也可以这么理解，HTML5开发工程师是负责将设计师设计好的网页图片（通常是PSD格式），用代码实现出来，包括在网页的某个位置放置一个块，给一个块设置颜色，调整字体大小，让图片动起来等操作。

html5如何实现自动播放视频

我们使用html5的video标签，可以不依赖于任何第三方的插件或控件，直接在浏览器中实现视频播放功能。

在了解了video标签之后，下面我们就使用html5的video标签来实现视频播放。

现在，我们打开浏览器，看一看具体的效果：

为了更好地兼容各种浏览器，你可以为一个video标签添加多个source子标签，每个source标签引用一个不同格式的视频文件。这样，html5浏览器会自动在这些source标签中从上到下依次寻找并识别出该浏览器可以播放的第一个视频文件并进行播放，从而实现兼容多个浏览器的视频播放功能。

注：html5的video标签目前只支持播放.mp4、.ogg、.webm等几种格式的视频文件，暂不支持其他格式的视频文件。此外，不同的html5浏览器支持的视频文件格式也略有不同，这种状况可能会在未来的html5中得以改善。

Html5动画是如何实现的？

html5 的动画效果是用（js）jQuery+css3做的！html5绘图是用HTML5 Canvas 画图标签加上API做的！

HTML5 如何实现拖拽效果

这是一个网友的代码你可以参考一下

!doctype html

html

head

meta charset="utf-8"

title无标题文档/title

/head

script

function mstart(a){

//设置初始数据setdata（）

a.dataTransfer.setData("Text",a.target.id);

}

function mover(a){

//把系统默认鼠标或拖拽操作屏蔽掉

a.preventDefault();//屏蔽系统默认的dragover引发的效果

}

function mdrop(a){

a.preventDefault();

var data=a.dataTransfer.getData("Text");

a.target.appendChild(document.getElementById(data));

}

/script

body

div id="mydiv" style="height:568px; width:500px; border:2px solid" ondragover="mover(event)" ondrop="mdrop(event)"/div

img id="myimg1" src="vt.jpg" width="250" height="200" draggable="true" ondragstart="mstart(event)"

img id="myimg2" src="vt.jpg" width="250" height="200" draggable="true" ondragstart="mstart(event)"

img id="myimg3" src="vt.jpg" width="250" height="200" draggable="true" ondragstart="mstart(event)"

/body

/html

标题名称：html5实现的简单介绍
文章URL：http://6mz.cn/article/dscjdsj.html