Table sample

Update date:
Activity Japan Editorial Department
Suggestions for changing the table template
Use the previous "table" button
someone who looks like a table heading | |
---|---|
AAAAA | aaaaa |
BBBBB | bbbbb |
DDDDD | ddddd |
<table class="article_table">
<thead>
<tr>
<th colspan="2">Table heading type</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>
Is the table title (``Table Heading Type Guy'') incorporated into the table as a ``Table Column Heading'', making it difficult for Google to recognize it as a ``Table Title''?
Enter title as caption (table title)
AAAAA | aaaaa |
---|---|
BBBBB | bbbbb |
DDDDD | ddddd |
<table class="article_table"><caption><strong>Table title</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>
Reference URL
Enjoy winter in Sapporo! Recommended activities/sightseeing spots
"・" in the table can be used as a string! →It is recognized as a “table” first, so
address | 7, Nakajima Toba Rikyumachi, Fushimi Ward, Kyoto City, Kyoto Prefecture |
---|---|
2024 (Reiwa 6) February events |
・Jonangu Nanakusa Porridge: February 11th (Sunday/Holiday) ・Weeping Plum and Camellia Festival: February 18th (Sunday) – March 22nd (Friday) |
<table class="article_table"> <caption><strong>Jonangu Palace</strong></caption> <tbody> <tr> <th>Address</th> <td>7 Nakajima Toba Rikyucho, Fushimi Ward, Kyoto City, Kyoto Prefecture</td> </tr> <tr> <th>2024 (Reiwa 6)<br> February events</th> <td> ・Jonangu Nanakusa Porridge: February 11th (Sunday/Holiday)<br> ・Weeping Plum and Camellia Festival: February 18th (Sunday) – March 22nd (Friday) </td> </tr> </tbody> </table>
With column headings →
Code confirmation is required, including width specification!
Column width and line breaks are not specified
Column heading 1 | column heading 2 | |
---|---|---|
AAAAA | aaaaa | 11111 |
BBBBB | bbbbb | 22222 |
DDDDD | ddddd | 33333 |
<table class="article_table"> <thead> <tr> <th> </th> <th>Column heading 1</th> <th>Column heading 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>
Specify column width and non-line breaks
region | average temperature | average maximum temperature | average minimum temperature |
---|---|---|---|
Kyoto | 5.4℃ | 10.0℃ | 1.6℃ |
Sonobe | 2.1℃ | 7.0℃ | -1.5℃ |
<table class="article_table"> <thead> <tr> <th>Region</th> <th>Average temperature</th> <th>Average maximum temperature</th> <th>Average minimum temperature</th> </tr> </thead> <tbody> <tr> <th nowrap="nowrap">Kyoto</th> <td width="300">5.4℃</td> <td width="30">10.0℃</td> <td width="500">1.6℃</td> </tr> <tr> <th>Sonobe</th> <td>2.1℃</td> <td>7.0℃</td> <td>-1.5℃</td> </tr> </tbody> </table>
KKday products
<div class="article_panel__color--●color●"> <!-- Image wrapping right/left article_float--right / article_float--left --> <div class="article_float--right"> <div class="article_float__img"> <a href="●Link destination URL●"></a> </div> <p class="article_float__text"> ●Text●<br> <div class="margin-b-20"></div> <strong><a href="●Link destination URL●">●Link destination plan name, etc.●</a></strong><br> <small>※Transition to KKday site</small></p> </div></div>