HTMLのリンクアンカーがおかしい？？？

解決済

質問者：forester
質問日時：2001/01/31 11:09
回答数：3件

開発中にふと気が付いたことなのですが、以下のソースをブラウザ（IE5.0）で表示すると、aaaだけ、TABLE内のアンカーの左右でもリンクするようになってしまうのですが、なぜなのでしょうか？？？

<html>
<head></head>
<body>
<table border=0 cellpadding=3 width=730>
<tr><td align=center><a href="help_10.asp" target="right"><h2>aaa</h2></a></td></tr>
<tr><td align=center><a href="help_20.asp" target="right"><h2>bbb</h2></a></td></tr>
<tr><td align=center><a href="help_35.asp" target="right"><h2>ccc</h2></a></td></tr>
</table>
</body>
<html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： nuts
回答日時：2001/01/31 14:19

<TD>や<A>の中に<H2>を入れたり<A>の中に<P>を入れるのは、厳密にいえばHTMLの文法に反していますよね。

もっとも、IEやNN(4.7以前)がそこまで考えてそういうエラーを起こすようになっているとは思えませんけどね。かなりいいかげんな記述でも許容してそれらしく表示してしまいますが（逆にそれだからいいかげんな記述がまかりとおっているのですが）、本来なら何が起きても不思議じゃないです。
「aaa」の行を次のようにしてみるか、スタイルシートを使ってみるのはどうでしょう。
<tr><td align=center><b><font size="5"><a href="help_10.asp" target="right">aaa</font></b></a><br></td></tr>

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。
HTMLの勉強ろくにしていないのに、ＡＳＰで開発しているので、
？？？なタグばかりで、毎日悪戦苦闘しています。

他人が作成したＰＧで、すでに客先に導入されているＰＧなので、
文法違反だとは思っていなかったのですが、文法違反なのですね。
前に、IE5.0で発生する現象が、IE5.5では発生しないことがあったので、
てっきりブラウザのバグだと思い込んでいました。

勉強になりました。ありがとうございました。

通報する

お礼日時：2001/01/31 15:27

No.2

回答者： y_oku
回答日時：2001/01/31 12:53

不思議ですね。

NN6でも再現します。しかもbbbやcccの左右もリンクします。

NNの場合、
◆１．「<h2>aaa</h2>」
を、同等の下の表現に置き換えたら左右のリンクはなくなりました。
◆２．「<p><b><font size="5">aaa</font></b><p>」
でもIEは治らないです。

前後に行を空けるタグをリンクアンカーの外に出したらIEでも治りました。
◆３．「<p><a href="help_10.asp" target="right"><b><font size="5">aaa</font></b></a><p>」

リンクアンカーの内部に段落の要素が入ってると変になるのかな。
じゃあ、と思って、以下を試したところ、
◆４．「<h2><a href="help_10.asp" target="right">aaa</a></h2>」
IEでは最初と同じようにに表示されて、リンクも文字部分だけになりました。やった！
……しかし、NNでは前後の空白がなくなってしまう。ううう。

結局◆３で細かく書いてやるのが◆１の状態と同じ表示でリンクも正しくなるようですねえ。
理由はわかりません～。