HTML表格及媒体

1.表格

数据显示时，一般用表格来进行呈现。切记，不要用表格来进行布局。

<!-- 表格 -->
<!-- 
        thead、tbody、tfoot三个标签不会因为顺序改变表格。
        所以，为了更好的让内容优先加载，我们可以先写tbody，后写thead、tfoot。
        合并：
                    1.行合并：将几行合并成1行的属性 rowspan='整数'    
                    2.列合并：将几列合并成1行的属性 colspan='整数'
            合并写在td或th标签上。
-->
<table>
  <!-- 表格头部 -->
  <thead>
    <tr>
      <th>表格标题加粗、居中</th>
    </tr>
  </thead>
  <!-- 表格内容 -->
  <tbody>
    <tr>
      <td>内容1</td>
      <td>内容2</td>
      <td>内容3</td>
    </tr>
  </tbody>
  <!-- 表格脚步 -->
  <tfoot>
    <tr>
      <td>表格尾部</td>
      <td>表格尾部</td>
      <td>表格尾部</td>
    </tr>
  </tfoot>
</table>

2.视频

Adobe与苹果公司对 FLASH都不支持或消极状态，这时HTML提供对视频格式的支持，除了使用html提供的标签来播放视频外，也有很多免费或付费的插件，如video.js (opens new window)、阿里云播放器 (opens new window)等等。

<!-- 视频标签 -->
 <video src=""></video>

*注意
        autoplay属性标准浏览器不生效了。

3.音频

<!-- 音频标签 -->
 <audio src=""></audio>

*注意
        autoplay属性标准浏览器不生效了。