複数のtr,tdを含むtable（詳細で記述）に、１つのリンクを設定するだけでtable全体にリンクが効くようにするにはどうすればよいでしょうか？

メルマガのコーディングにあたり、１つのリンクを設定するだけでtable全体にリンクが効くようにしたいです。
（tableをaタグで囲って全体にリンクを設定するような効果をつけたい）

詳細

<table>
	<tbody>
		<tr>
			<td rowspan="3">aaa</td>
			<td>bbb1</td>
		</tr>
		<tr>
			<td>bbb2</td>
		</tr>
		<tr>
			<td>bbb3</td>
		</tr>
	</tbody>
</table>

行動規範の内容に同意します

回答2件

ベストアンサー

a要素で囲めばリンクにはなると思います。

HTML
1<a href="./">
2<table>
3    <tbody>
4        <tr>
5            <td rowspan="3">aaa</td>
6            <td>bbb1</td>
7        </tr>
8        <tr>
9            <td>bbb2</td>
10        </tr>
11        <tr>
12            <td>bbb3</td>
13        </tr>
14    </tbody>
15</table>
16</a>

投稿2017/04/14 04:54

kei344

総合スコア69400

h-o

2017/04/14 06:02

回答をいただきありがとうございます。

行動規範の内容に同意します

１つのリンクを設定する

が、具体的になにをするのかわかりません。
tableにonclickを付加するだけだと思いますが

HTML
1<table border onclick="console.log('table click!')">
2    <tbody>
3        <tr>
4            <td rowspan="3">aaa</td>
5            <td>bbb1</td>
6        </tr>
7        <tr>
8            <td>bbb2</td>
9        </tr>
10        <tr>
11            <td>bbb3</td>
12        </tr>
13    </tbody>
14</table>