テーブル自体にページ内リンク

テーブル自体にページ内リンクを貼りたいです。

以下のようにテーブルそのものにリンクを貼ると
正常に動作はするのですが、
htmlチェッカーで
”<table> を ×行目の <a>～</a> 内に書くことはできません。 ”
という重大なエラーになってしまいます。

<a href="#r01">テーブルへ</a>

<a name="r01" id="r01"><table class="table-01" summary="相談料金・弁護士費用のご案内"></a>

そこで、以下のようにcaptionやthやtdにリンクを貼ってみたところ
htmlチェッカーでのエラーは消えたのですが
ブラウザによって正常にリンク先へ飛んでくれませんでした。

<caption><a name="r01" id="r01">××</a></caption>
上記だと、Firefoxだと正常に動きますがIEだと動きませんでした。

<th><a name="r01" id="r01">××</a></th>
<td><a name="r01" id="r01">××</a></td>
上記だと、Firefox,IEともに正常に動きませんでした。

どのように修正したらいいのでしょうか？
ご教授お願いいたします！

No.1 ベストアンサー 回答者： LancerVII 回答日時： 2012/02/29 16:45

こんにちは。

<table id="id-table">
</table>

と、tableにidを付けて
<a href="#id-table">テーブル</a>
とリンクを貼ればｔａｂｌｅの位置に遷移すると思います。

ブラウザ間の問題は起きないと思いますが、古いブラウザでは飛ばないです。
古いといっても多分相当古いです。IE5.5ではとりあえず動いています。


※ページ内に同一のidは付けられないのでご注意ください。

この回答へのお礼

ご回答ありがとうございます！！

すごいーー！！できましたー！！
どのブラウザでもばっちり動きます！！
nameでなくてidをつけるんですね。
いろんなところにnameをつけては失敗し、
半日悩み続けましたが無事解決しました！
ほんとうにありがとうございます！！

お礼日時：2012/03/01 10:38