<header>
,<footer>
,<aside>
页眉,页脚,边栏。
<artical>
,<section>
文章新闻,博客,帖子;文档主要区块。
<time>
时间,格式如下:
<time datetime="2012-02-18">2/10/2012</time>
datetime必须按照规定格式书写,不然元素内容需要采用官方iternet时间格式。若datetime按照规定书写,则元素内容格式任意。
格式:
- 年-月-日 时:分 例如:1994-09-12 06:30
- 年-月-日 例如:1994-09-1
- 时:分 例如:06:30
- 时:分z 例如:06:30z 表示UTC时间
- 可以缺省日,月。
<nav>
导航栏,为页面快速指引的关键。一般导航栏的内容会放在<ul>
中。
<nav>
<ul>
<li class="selected"><a href="">***</a></li>
<li><a href="">***</a></li>
<li><a href="">***</a></li>
</ul>
</nav>
nav {
...
}
nav ul {
list-style-type: none; /*删除列表项目符号*/
}
nav ul li {
display: inline; /*块元素改为內联元素,在一行内显示*/
}
nav ul li a:link, ul li a:visted {
...
}
nav ul li.selected {
...
}
<video>
我们可以使用video引入视频文件,也可以使用flash,js。但是使用标签相对更方便。不同浏览器对视频格式支持不同,所以在引用源文件时,我们要准备多个格式源文件。
格式:
<video controls /*加载控件,缺省则无*/
autoplay /*自动播放,缺省点击播放*/
loop /*循环播放*/
preload="none" /*视频是否提前加载(none(不加载),metadata(下载元数据,不加载内容),auto(按照是否自动播放和带宽加载))*/
width="512" height="288" /*指定视频和poster大小*/
poster="...png" /*视频播放前显示内容*/
id="video"
<source src="...mp4"> /*浏览器加载所有sorce,自动选择合适视频格式进行播放*/
<source src="...webm">
<source src="...ogv">
<p>sorry, it's something wrong</p> /*视频无法加载时显示本段文字*/
<object> </object> /*当source无法加载时,加载此处flash动画*/
如果只提供一种视频格式,则可以将source改为src。多种格式,使用source,浏览器会加载每一种格式,浪费时间。可以提供多种属性,方便浏览器选择。
<source src="......mp4" type='video/mp4; codecs="avc1.420E01E, mp4a.40.2"'>
其他常用标签
<mark>
:用于突出文本。
<progress>
:显示进度条。
<audio>
:包含声音内容。
<meter>
:显示范围度量。
<canvas>
:显示js图像和动画。