مثال ـ يك جدول با عنوان
<table> <caption>Monthly savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>
تگ<caption> يك عنوان براي عنصر &table>
تگ فوق بايد بلافاصله بعداز عنصر<table> در داخل آن قرار گيرد .
نكته ـ بصورت پيش فرض عنوان جدول دربالاو در وسط نمايش داده ميشود.بهر حال ميتوان از ويژگي CSS text-alignو CSS caption-side براي تنظيم عنوان استفاده كرد .
Element | |||||
---|---|---|---|---|---|
<caption> | Yes | Yes | Yes | Yes | Yes |
تگ<caption> از ويژگي هاي جهاني HTMLپيروي ميكند .
تگ فوق همچنين از ويژگي هاي رويداديHTML پيروي ميكند .
مثال ـ تنظيم موقعيت عنوان جدول باCSS
<table>style="text-align:right">My savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> <br> <table> style="caption-side:bottom">My savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>
اكثر مرورگرها<caption> را مطابق پيش فرض زير نمايش ميدهند.
caption {
display: table-caption;
text-align: center;
}
مثال ـ نمايش بصورت پيش فرض