<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
导航标签 nav
-->
<nav>
<a href="guimei.html"><br />鬼魅</a> |
<a href="dier.html">新闻</a> |
</nav>
<!--
article 文档标签
header 定义文档的页眉标签
-->
<article>
<header>
<h1>what html5 ?</h1>
<p>HTML5 是 W3C 与 WHATWG 合作的结果</p>
<p>article 和 header 合作的结果 没什么效果</p>
</header>
</article>
<!--
aside 可用作文章的侧栏
-->
<aside>
<header>我是侧边栏的头部</header>
<H4>aside侧边栏</H4>
<p>为 HTML5 建立的一些规则: The Epcot Center is a theme park in Disney World, Florida</p>
</aside>
<!--
section 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
-->
<section>
<p>section 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。</p>
</section>
<!--
footer底部的意思
-->
<footer>
底部
</footer>
<!--
code 定义计算机代码文本。
-->
<code>
code 定义计算机代码文本。
</code>
<!--
dialog
对话框...
open="open" 属性
-->
<dialog open="open">
对话框...
</dialog>
<meter value="3" min="0" max="10">10分之3</meter>
<meter value="0.1">10分之一</meter>
<meter value="1">10分之10</meter>
<br />
<!--
下载进度条
-->
下载进度:
<progress value="22" max="100">
</progress>
<!--
<progress></progress>
<progress>
都是自己来回滚动的
-->
<p><b>注释:</b>Internet Explorer 9 以及更早的版本不支持 <progress> </p><br />
<progress></progress>
<audio src="audios/horse.oggs" controls="controls">您的浏览器不支持 audio 标签。</audio>
<!--
video
播放视频
-->
<video src="videos/movie.mp4" controls="controls">您的浏览器不支持 video 标签。</video>
<!--
<menu>
<command type="command">Click Me!</command>
</menu>
-->
<br /><br /><br /><br />
<video src="videos/movie.mp4" controls="controls">
</video>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
导航标签 nav
-->
<nav>
<a href="guimei.html"><br />鬼魅</a> |
<a href="dier.html">新闻</a> |
</nav>
<!--
article 文档标签
header 定义文档的页眉标签
-->
<article>
<header>
<h1>what html5 ?</h1>
<p>HTML5 是 W3C 与 WHATWG 合作的结果</p>
<p>article 和 header 合作的结果 没什么效果</p>
</header>
</article>
<!--
aside 可用作文章的侧栏
-->
<aside>
<header>我是侧边栏的头部</header>
<H4>aside侧边栏</H4>
<p>为 HTML5 建立的一些规则: The Epcot Center is a theme park in Disney World, Florida</p>
</aside>
<!--
section 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
-->
<section>
<p>section 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。</p>
</section>
<!--
footer底部的意思
-->
<footer>
底部
</footer>
<!--
code 定义计算机代码文本。
-->
<code>
code 定义计算机代码文本。
</code>
<!--
dialog
对话框...
open="open" 属性
-->
<dialog open="open">
对话框...
</dialog>
<meter value="3" min="0" max="10">10分之3</meter>
<meter value="0.1">10分之一</meter>
<meter value="1">10分之10</meter>
<br />
<!--
下载进度条
-->
下载进度:
<progress value="22" max="100">
</progress>
<!--
<progress></progress>
<progress>
都是自己来回滚动的
-->
<p><b>注释:</b>Internet Explorer 9 以及更早的版本不支持 <progress> </p><br />
<progress></progress>
<audio src="audios/horse.oggs" controls="controls">您的浏览器不支持 audio 标签。</audio>
<!--
video
播放视频
-->
<video src="videos/movie.mp4" controls="controls">您的浏览器不支持 video 标签。</video>
<!--
<menu>
<command type="command">Click Me!</command>
</menu>
-->
<br /><br /><br /><br />
<video src="videos/movie.mp4" controls="controls">
</video>
</body>
</html>