HTML5

列表、表格、媒体元素

列表

无序列表、有序列表、定义列表

1. 无序列表

    <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            ...
    </ul>

特性：
没有顺序，每个li标签独占一行
默认li标签项前有个实心小圆点

2. 有序列表

<ol>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        ...
 </ol>

特性：
有顺序，每个li标签独占一行
默认li标签项前有顺序标记

3. 定义列表

<dl>				 <!-- 声明定义列表 -->
        <dt></dt>    <!-- 定义列表项 -->
        <dd></dd>	 <!-- 定义列表项内容 -->
        <dd></dd>
        <dd></dd>
        <dd></dd>
        ...
</dl>

特性：
没有顺序，每个dt 、dd标签独占一行
默认没有标记

表格

表格的基本语法

<table>
        <tr>			<!-- 行标签 -->
            <td></td>	<!-- 单元格标签 -->
            <td></td>
            ...
        </tr>
        <tr>
            <td></td>
            <td></td>
            ...
        </tr>
        ...
</table>

表格的跨列

给<td>标签加上 colspan 属性，属性值为所跨列数
例：

<td colspan="2"></td>

表格的跨行

给<td>标签加上 rowspan 属性，属性值为所跨列数
例：

<td rowspan="2"></td>

媒体元素

1. 视频标签

<video src="路径" controls></video> 
<!-- controls 属性的作用 ：填入插件 -->

2. 自动播放属性
   autoplay （搭配 muted 属性使用）

3. 音频元素

<audio src="路径" controls></audio>

新增元素

元素名	描述
header	标题头部区域的内容（用于页面或页面中的一块区域）
footer	标记脚部区域的内容（用于整个页面或页面中的一块区域）
section	web页面中的一块独立区域
article	独立的文章内容
aside	相关的内容或应用（常用于侧边栏）
nav	导航类辅助内容