HTML5 及Audio、Video初探
上一篇 /
下一篇 2010-04-21 10:48:21
/ 个人分类：HTML
最近开始学习HTML5，以为即将到来的Chromium做准备啊。 HTML 5是时下Web开发领域炒得火热的一个术语，是的，很多人都看好它，也有很多业内知名公司开始正式使用HTML
5重新构建自己的网站，如YouTube开始使用HTML 5视频，Google已经弃用自家的Gears，开始全面拥抱HTML
5实现离线解决方案，各大浏览器厂家也纷纷开始支持HTML 5，连被人诟病的微软也声称要在IE 9中增加对HTML 5的支持。 51Testing软件测试网2S^#n8Q ha.~9M
<!DOCTYPE HTML>
BR k3c9L0
<html>
<head>
<title>HTML Demo: Title</title>
...stuff...
</head>
<body>
<h1>My Site</h1>
</div>
<li>Home</li>
<li>About</li>
<li>Contact</li>
</ul>
</div>
<h1>My Article</h1>
<p>The content of the article</p>
</div>
<p>footer of this section--Such as Copyright information.</p>
</div>
<p>==========================================================</p>
<header>Add Search Engine and main links </header>
<section>
<p><article>The first article goes here</article></p>
<p><article>The second article goes here</article></p>
<p><article>The third article goes here</article></p>
<p><aside>A side bar definition goes here</aside></p>
</section>
<footer>Copyright Chenny Chen 2010</footer>
<audio src="nobody.mp3" autoplay="true" controls="true">您的浏览器不支持 audio 标签。</audio>
</p>
<video controls width="500">
<!-- if Firefox -->
<source src="video.ogg" type="video/ogg" />
<!-- if Safari/Chrome-->
<source src="H264_BP41_1280x720_12_2730_AAC_44_128_2.mp4" type="video/mp4" controls="controls" />
<!--
<audio src="Ogg_48khz_500kbps_2_flower.ogg" controls="controls"/>
-->
<!--source src="video.mp4" type="video/mp4" /-->
<!-- If the browser doesn't understand the <video> element, then reference a Flash file. You could also write something like "Use a Better Browser!" if you're feeling nasty. (Better to use a Flash file though.) -->
<embed src="http://blip.tv/play/gcMVgcmBAgA%2Em4v" type="application/x-shockwave-flash" width="1024" height="798" allowscriptaccess="always" allowfullscreen="true"></embed>
</video>
</body>
</html>
收藏
举报
TAG:
HTML5
