アンカーリンク

アンカーリンク：
ページ内の目的の場所にリンクを入れるもの。ページ内リンク。

先日、作業の中で表を作成し、その表の各タイトルに別のページからリンクを貼るのにアンカーリンクを入れました。

文字は左詰め上詰め。

それでテストアップまでして、本番公開まで微修正をしていてもうすぐアップ、という所で『文字の上下をセンター合わせにして欲しい』

という変更修正が入りました。

valign="top"
から
valign="middle"

への変更で、さしたる問題も無かったのですが、各タイトルに貼ったアンカーリンクまで中央そろえになり、リンクで飛んだときにセルの真中が画面表示の一番上になってしまいました。

思わぬ盲点です。

<tr><td valign="middle"><a name="link01" id="ink01"></a>その1</a></td><td>XXXX</td></tr>

こんな感じのものですが、タイトル以降のセル内容が多かった場合、文字の上部が切れてしまいます。

クライアントは参考にしているページがあるようで、そこを教えてもらいソースを見てみると

<tr><a name="link01"></a><td>その1</td>〜

となっていました。

ん？？？

<tr>タグと<td>タグの間にアンカーリンク？？？

この使い方は良くないのではないか、と悩む。

検証してみると、IEでは動作していますが、firefoxでは動作していませんでした。
やはり、この記述は正しくないと思われる。

そこから解決策を考えて調べて、後に判明。

<tr id="link01"><td>その1</td><td>〜

で、いける模様。

・name属性は古くからあるものだけど、最近ではid属性を使うようになり、実質idだけでほぼすべてのブラウザも対応している。
・文法の記述的にも<tr>のタグの中に埋め込むのは正しい。


という事で無事に解決。

アンカーリンクもこんなやり方、違いがあるのだとひとつ勉強した一件。
（もとい、自分の知識が少ないだけ）