0

http://dev.epicwebdesign.ca/karen/2-4/a/#antartica

大陸を絶対に配置すると、何らかの理由でリンクが適切な場所に移動しません。これは絶対的なポジショニングの不足ですか、それとも私は何か愚かなことをしていますか?

アンカーは、本来あるべきヘッダーの周りにあります。

下のヘッダーではなく、画像の上部に表示されることに気付きました。なんで？

4

3 に答える 3

2

<a name="fragment_name" />フラグメントを定義する方法は廃止され、sを使用するようになりましたid。したがって、http：//dev.epicwebdesign.ca/karen/2-4/a/#antartica<div id="antarctica"/>にアクセスすると、ブラウザは、ページの上部にある、ではなく、ページの上部にある<a name="antarctica" />に移動したいと考えます。ページの下部。

于 2013-01-14T16:59:54.710 に答える
0

少なくとも chrome では、ID を単なる名前ではなく内部リンクと見なすことが判明しました。イメージの ID がヘッダーの名前と矛盾しています。IDに「img」という接尾辞が付けられると、機能します

于 2013-01-14T17:02:02.580 に答える
0

cimmanonの回答に追加する（および参照ページが変更された場合）。

注:今後の参考のためにコードを貼り付けてください。

ページ上部のアンカーを次のように変更します。

<div id="continents">
    <a href="#northamerica" id="northamerica"><img src="northamerica.png"></a>
    <a href="#southamerica" id="southamerica"><img src="southamerica.png"></a>
    <a href="#asia" id="asia"><img src="asia.png"></a>
    <a href="#europe" id="europe"><img src="europe.png"></a>
    <a href="#oceania" id="oceania"><img src="oceania.png"></a>
    <a href="#antartica" id="antartica"><img src="antartica.png"></a>
    <a href="#africa" id="africa"><img src="africa.png"></a>
</div>

に：

<div id="continents">
    <a href="#northamericaSection" id="northamerica"><img src="northamerica.png"></a>
    <a href="#southamericaSection" id="southamerica"><img src="southamerica.png"></a>
    <a href="#asiaSection" id="asia"><img src="asia.png"></a>
    <a href="#europeSection" id="europe"><img src="europe.png"></a>
    <a href="#oceaniaSection" id="oceania"><img src="oceania.png"></a>
    <a href="#antarticaSection" id="antartica"><img src="antartica.png"></a>
    <a href="#africaSection" id="africa"><img src="africa.png"></a>
</div>

hrefすべてのリンクの を変更したことに注意してください。

そして、以下の見出しを次のように変更します。

<a id="antartica">
    <h1>Antartica</h1>
</a>

に：

<h1 id="antarticaSection">Antartica</h1>

アンカーなし (別のものにリンクする予定がない場合)。

于 2013-01-14T17:08:08.627 に答える