テーブル自体にページ内リンクを貼りたいです。
以下のようにテーブルそのものにリンクを貼ると
正常に動作はするのですが、
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ベストアンサー
- 回答日時:
こんにちは。
<table id="id-table">
</table>
と、tableにidを付けて
<a href="#id-table">テーブル</a>
とリンクを貼ればtableの位置に遷移すると思います。
ブラウザ間の問題は起きないと思いますが、古いブラウザでは飛ばないです。
古いといっても多分相当古いです。IE5.5ではとりあえず動いています。
※ページ内に同一のidは付けられないのでご注意ください。
ご回答ありがとうございます!!
すごいーー!!できましたー!!
どのブラウザでもばっちり動きます!!
nameでなくてidをつけるんですね。
いろんなところにnameをつけては失敗し、
半日悩み続けましたが無事解決しました!
ほんとうにありがとうございます!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- MySQL PHPとMySQLを使った掲示板の作り方 1 2022/06/02 13:00
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript javascriptでテーブルに追加した項目のid追加してローカルストレージを操作したい 5 2023/01/01 15:52
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- その他(プログラミング・Web制作) seleniumbasic chrome操作について 1 2023/03/29 15:40
- Ruby pandasでsqlite3にテーブル作成・追加・読み出しでindexの取り扱い方教えてください 5 2023/03/08 09:57
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
CSSで特定のテーブルだけに...
-
HTML tableのセルにtextareaを...
-
画面幅に合わせてテーブルのカ...
-
HTML5で、テーブル内tdタグの高...
-
<th>タグを使っても太字にしな...
-
テーブル内のセル間にスペース...
-
テーブルとテーブルの間隔について
-
テーブルの高さを100%にしたけ...
-
<fieldset>タグについて
-
latex使い方
-
HTMLのテーブルをExcelにCopy&P...
-
HP製作時、縦の点線作成
-
DBを使わないDataGrid
-
簡単に文字間とかに空白入れたい
-
table表を横に並べる際の間隔指定
-
cssで、1行2段のtableを記述す...
-
html table の中のボーダーが二...
-
tableを縦に続けるとtable間の...
-
tableが縮まらない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
table表を横に並べる際の間隔指定
-
HTML5で、テーブル内tdタグの高...
-
HTML tableのセルにtextareaを...
-
(HTML)Tableを任意の位置に置...
-
テーブル内のセル間にスペース...
-
textareaの外側の文字が下付き...
-
同じ幅指定のつもりなのに、ブ...
-
html5のテーブル内でdivのタブ...
-
<fieldset>タグについて
-
tableの位置がIEとその他ブラウ...
-
tableを縦に続けるとtable間の...
-
画面幅に合わせてテーブルのカ...
-
HTMLのテーブルをExcelにCopy&P...
-
ラインを端から端まで画面いっ...
-
tableのcellpadding="0" cellsp...
-
ホームページのテキストを折り...
おすすめ情報