表格示例

更新日期:
Activity日本编辑部
更改表格模板的建议
使用上一个“表格”按钮
表头 | |
---|---|
AAAAA | aaaaa |
BBBBB | bbbbb |
DDDDD | ddddd |
<table class="article_table">
<thead>
<tr>
<th colspan="2">表格标题</th>
</tr>
</thead>
<tbody>
<tr>
<th>AAAAA</th>
<td>aaaaa</td>
</tr>
<tr>
<th>BBBBB</th>
<td>bbbbb</td>
</tr>
<tr>
<th>DDDDD</th>
<td><a href="xxxx" class="underline">ddddd</a></td>
</tr>
</tbody>
</table>
表格标题(“表格头”)作为“表格列头”嵌入在表格中,Google 很难将其识别为“表格标题”?
输入标题作为标题(表格标题)
AAAAA | aaaaa |
---|---|
BBBBB | bbbbb |
DDDDD | ddddd |
<table class="article_table"><caption><strong>表格标题</strong></caption>
<tbody> <tr> <th>AAAAA</th> <td>aaaaa</td> </tr> <tr> <th>BBBBB</th> <td>bbbbb</td> </tr> <tr> <th>DDDDD</th> <td><a href="xxxx" class="underline">ddddd</a></td> </tr> </tbody> </table>
引荐来源网址
表格中的“・”可以作为字符串使用!→它会首先被识别为“表格”。
地址 | 京都府京都市伏见区中岛鸟羽离宫町7 |
---|---|
2024 年(令和 6 年) 二月活动 |
・城南宫七草歌谣:2月11日(星期日、国定假日) ・垂梅山茶花节:2月18日(周日)~3月22日(周五) |
<table class="article_table"> <caption><strong>城南宫</strong></caption> <tbody> <tr> <th>地址</th> <td>京都府京都市伏见区中岛鸟羽离宫町7</td> </tr> <tr> <th>2024(令和六)<br> 二月活动 <td> ・城南区七草歌谣:2月11日(周日、国定假日) ・垂梅山茶花节:2月18日(周日)~3月22日(周五) </td> </tr> </tbody> </table>
带有列标题 →
请检查代码,包括宽度规格!
未指定列宽和换行符
列标题 1 | 列标题 2 | |
---|---|---|
AAAAA | aaaaa | 11111 |
BBBBB | bbbbb | 22222 |
DDDDD | ddddd | 33333 |
<table class="article_table"> <thead> <tr> <th> </th> <th>列标题 1</th> <th>列标题 2</th> </tr> </thead> <tbody> <tr> <th>AAAAA</th> <td>aaaaa</td> <td>11111</td> </tr> <tr> <th>BBBBB</th> <td>bbbbb</td> <td>22222</td> </tr> <tr> <th>DDDDD</th> <td><a href="xxxx" class="underline">ddddd</a></td> <td>33333</td> </tr> </tbody> </table>
指定列宽和不间断
地区 | 平均气温 | 平均最高温度 | 平均最低气温 |
---|---|---|---|
京都 | 5.4℃ | 10.0℃ | 1.6℃ |
园部 | 2.1℃ | 7.0℃ | -1.5℃ |
<table class="article_table"> <thead> <tr> <th>区域</th> <th>平均气温</th> <th>平均最高温度</th> <th>平均最低气温</th> </tr> </thead> <tbody> <tr> <th nowrap="nowrap">京都</th> <td width="300">5.4℃</td> <td width="30">10.0℃</td> <td width="500">1.6℃</td> </tr> <tr> <th>园部</th> <td>2.1℃</td> <td>7.0℃</td> <td>-1.5℃</td> </tr> </tbody> </table>
KKday產品
<div class="article_panel__color--●color●"> <!-- 圖像右/左換行 article_float--right / article_float--left --> <div class="article_float--right"> <div class="article_float__img"> <a href="●連結網址●"></a> </div> <p class="article_float__text"> ●文字●<br> <div class="margin-b-20"></div> <strong><a href="●連結網址●">●連結計畫名稱等●</a></strong><br> <small>※您將跳轉至 KKday 網站</small></p> </div></div>