Opera浏览器HTML5体验版

具体介绍,大家就看官方网站上的介绍吧:http://www.oupeng.com/oupeng-h5

或者 查看善用佳软的一篇介绍文章:http://xbeta.info/opera-mini.htm

或者 自己在android手机上装个玩玩。

这里列出demo中的地址,可以参考学习:

CSS3 Demo:
http://h5d.oupeng.com/css3/demo/

指南针:
http://h5d.oupeng.com/html5/opera_compass.html
继续阅读Opera浏览器HTML5体验版

视频播放兼容解决方案 – Video For Everybody

从这里看到的:http://camendesign.com/code/video_for_everybody

通过一段HTML实现在各个浏览器下的视频播放:

<video width="640" height="360" controls>
	<!-- MP4 must be first for iPad! -->
	<source src="__VIDEO__.MP4" type="video/mp4" /><!-- Safari / iOS video    -->
	<source src="__VIDEO__.OGV" type="video/ogg" /><!-- Firefox / Opera / Chrome10 -->
	<!-- fallback to Flash: -->
	<object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
		<!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
		<param name="movie" value="__FLASH__.SWF" />
		<param name="flashvars" value="controlbar=over&amp;image=__POSTER__.JPG&amp;file=__VIDEO__.MP4" />
		<!-- fallback image. note the title field below, put the title of the video there -->
		<img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
		     title="No video playback capabilities, please download the video below" />
	</object>
</video>
<p>	<strong>Download Video:</strong>
	Closed Format:	<a href="__VIDEO__.MP4">"MP4"</a>
	Open Format:	<a href="__VIDEO__.OGV">"Ogg"</a>
</p>

HTML5规定,任何内嵌于'<video>’元素的标签,除了'<source>’都将忽略,因此内嵌'<object>’元素保持向后兼容。
继续阅读视频播放兼容解决方案 – Video For Everybody

HTML5都变化了什么,加了什么?

跟着我从HTML上最上面往最下面一步步看看HTML5都有哪些变化。

一、文档类型变短了

写这篇文章的时候,我所在页面的文档类型声明是这样的:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

但是HTML5里面变短了,仅仅15个字符就够了。

<!DOCTYPE html>

继续阅读HTML5都变化了什么,加了什么?