HTML5第二章总结

列表

1.在HTML5中，列表可以分为3种，分别为无序列表（< ul>标签），有序列表（< ol>标签）和定义列表（< dl>标签）。
2.无序列表：是在网页中使用最频繁的列表，它没有顺序，在最前面有一个点。（开始于< ul>标签）
3.有序列表：和无序列表一样都是列表项，但是各列表必须按照一定顺序排列，（开始于< ol>标签）
4.定义列表：不仅是一列项目且还有注释，（开始于< dl>标签），每个定义列表项以< dt>开始，每个定义列表项的定义以< dd>开始。
5.有序列表和无序列表，（每个列表始于< li>标签）。

表格

1.表格的标签是由< table>定义的，每个表格的行由< tr>标签定义，每行的单元格由< td>标签定义。td=table data，数据单元格包含文本，图片，列表，段落，表单，水平线，表格等。
2.< table>标签会设置border属性，用来指定边框的宽度。
3.表格的表头
一个表格都会有表头，即表格标题，它使用< th>标签进行定义。
4.表格的跨行与跨列
跨行：是指单元格在垂直反向是合并，使用< td>标签的rowspan属性实现单元格的跨行操作。
跨列：是指单元格的横向合并，使用< td>标签的colspan属性实现单元格的跨列。
且两个可以综合运用

HTML5媒体元素

< video>标签的语法：< video src=“视频路径” controls=“controls”>< /vedio>。
< video>标签的常用属性：
width 像素 设置视频播放器的宽度
height：像素 设置视频播放器的高度
src：URL 要播放的视频的URL
controls：controls 如果出现该属性，则向用户显示控件，如播放按钮
autoplay：autoplay 如果出现该属性，则视频在就绪后马上播放
loop：loop 如果出现该属性，则当媒介文件完成播放后再次开始播放
muted：muted 如果出现该属性，则视频的音频输出为静音
poster：poster 规定视频正在下载是显示的图像，直到用户单击播放按钮

< audio>标签的语法：< audio src=“音频路径” controls=“controls”>< /audio>。
< audio>标签的常用属性：
src：URL 音频文件的URL
contros：contros 如果出现该属性，则向用户显示控件，如播放按钮
autoplay：autoplay 如果出现该属性，则音频在就绪后马上播放
loop：loop 如果出现该属性，则每当音频结束时重新开始播放
muted：muted 如果出现该属性，则音频输出为静音
preload：auto/metadata/none 规定当网页加载时，音频是否默认被加载及如何被加载

视频格式：Ogg MP4 WebM
音频格式：Ogg MP3 WAV

HTML5结构标签

1.页面结构分析
< header>：定义文档的头部区域
< nav>：定义导航链接的部分
< section>：定义文档中的节，其包含一组内容及其标题
< article>：定义独立的内容
< aside>：定义页面主区域内容之外的内容（如侧边栏）
< footer>：定义文档的底部区域

< iframe>

语法：< iframe src=“页面地址” width=“宽度” height=“高度” name=“名称”>< /iframe>
< iframe>框架与超链接结合使用
（1）在被打开的< iframe>框架上添加name属性，关键代码如下：
< iframe src=“页面地址” name=“iframePage”>< /iframe>
（2）在超链接上设置target目标窗口属性为希望显示的框架窗口名称，关键代码如下：
< a href=“页面地址” target=“iframePage”>< /iframe>