3

私はクロムで問題を抱えています（そしてファイアフォックスもそうだと思います）私は次のようなHTMLを少し持っています：

<a id="outside">
    <span id="middle>
        :contents
    </span>
</a>

:contents がアンカー以外の文字列またはタグに評価される場合、意図したとおりにレンダリングされます。

<a id="outside">
    <span id="middle">
        inside
    </span>
</a>

また

<a id="outside">
    <span id="middle">
        <div id="inside"></div>
    </span>
</a>

ただし、アンカーとして評価される場合は、次のようにレンダリングされます。

<a id="outside">
    <span id="middle>
    </span>
</a>
<a id="inside"></a>

アンカーがスパンの外に飛び出しています。なぜ？これを修正するにはどうすればよいですか?

4

2 に答える 2

1

これは、ブラウザが不正な HTML を「修正」しようとしているために発生している可能性があります。W3のドキュメントによると：

12.2.2 Nested links are illegal

Links and anchors defined by the A element must not be nested; an A element must not contain any other A elements.

Since the DTD defines the LINK element to be empty, LINK elements may not be nested either.

ドキュメントへのリンクは次のとおりです。 http://www.w3.org/TR/html4/struct/links.html#h-12.2.2

于 2013-05-30T17:11:12.927 に答える