网站推广.NET

网站推广.NET

html中<caption>标签的使用方法及实例详解

来源:互联网

html5中

<caption>标签作用是定义表格标题,这里详细介绍下标签用法、标签属性以及标签应用实例。

html中

标签作用:定义表格标题标签用法:

caption 元素定义表格标题。

caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

对其所包括的文本进行水平居中。

立即学习“前端免费学习笔记(深入)”;

标签应用实例:
<table border="1"><caption>Monthly savings</caption><tr>    <th>Month</th>    <th>Savings</th>  </tr>  <tr>    <td>January</td>    <td>$100</td>  </tr></table>

哪些浏览器支持标签?

所有浏览器都支持

标签。

caption 标签 -- 定义HTML表格的标题

caption标签是成对出现的,以开始,结束

属性

Common -- 一般属性

示例

<table width="80%" border="1">    <caption>        域名数量介绍    </caption>    <tr>        <th>www.dreamdu.com</th>        <th>.com域名的数量</th>        <th>.cn域名的数量</th>        <th>.net域名的数量</th>    </tr>    <tr>        <td>2003年</td>        <td>1000</td>        <td>2000</td>        <td>3000</td>    </tr>    <tr>        <td>2004年</td>        <td>4000</td>        <td>5000</td>        <td>6000</td>    </tr>    <tr>        <td>2005年</td>        <td>7000</td>        <td>8000</td>        <td>9000</td>    </tr></table>

说明:

caption标签可以为表格提供一个描述,和图像的说明alt比较类似.默认情况下,浏览器显示表格标题在表格的上方.

CSS里的caption-side属性用来控制表格标题显示的位置.