1. 程式人生 > >caption標簽,為表格添加標題和摘要

caption標簽,為表格添加標題和摘要

用戶 閱讀器 優化 標題 特殊 reg tips image 語法

caption標簽,為表格添加標題和摘要

表格還是需要添加一些標簽進行優化,可以添加標題和摘要。代碼如下:

技術分享

摘要

摘要的內容是不會在瀏覽器中顯示出來的。它的作用是增加表格的可讀性(語義化),使搜索引擎更好的讀懂表格內容,還可以使屏幕閱讀器更好的幫助特殊用戶讀取表格內容。

語法:<table summary="表格簡介文本">

標題

用以描述表格內容,標題的顯示位置:表格上方。

語法:<table>

    <caption>標題文本</caption>
    <tr>
        <td>…</td>
        <td>…</td>
        …
    </tr>
…
</table>

任務

我來試試,為文章添加標題

1. 在右部編輯器中為表格添加摘要,摘要的內容為“本表格記錄2012年到2013年庫存記錄,記錄包括U盤和耳機庫存量”。

2. 在右部編輯器中為表格添加標題,標題的內容為“2012年到2013年庫存記錄”。

技術分享

caption標簽,為表格添加標題和摘要