人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

下記の内容で困っています。1番最初に解決方法を教えてくれた方にポイントさしあげます。

<a href=”http://www.xxxx.xx.xx/xxxx/xxxx/#abc”>という形で name=”abc” にリンクを張ってるんですが、リンクが成功したり、しなかったりします。失敗するとページの上部に行きます。うまくいかない原因を教えて下さい。

説明がうまくできずあまり伝わらないかもしれませんが、分からないところはお答えしますので、宜しくお願いします。

●質問者: suzukima
●カテゴリ:ウェブ制作
✍キーワード:ABC name ポイント リンク
○ 状態 :終了
└ 回答数 : 4/6件

▽最新の回答へ

1 ● sandaler
●5ポイント

http://www.tohoho-web.com/html/a.htm

<a> - リンクする

<a href=”

http://www.xxxx.xx.xx/xxxx/xxxx/#abc

”>

ではなく

<a href=”

http://www.xxxx.xx.xx/xxxx/xxxx#abc

”>でいいはずですよ。

◎質問者からの返答

ご回答ありがとうございます。

しかし試してみましたが、うまくいきませんでした。

質問内容に追記ですが、abcの含まれるページの外からのリンクです。


2 ● u2nkk
●5ポイント

二つの原因が考えられると思います。

<a name=”abc”>○○○</a>

上記の○○○を何にするかによって微妙に位置がずれます。

たとえば、表示させたい文章の一行目を指定するのと、文章の上部に

アンカー用の画像や<hr>を指定するなど。

これはブラウザによっても微妙に違ってくるので、確認が必要だと思います。

もう一つは、ウィンドウのサイズとアンカー以下の文章量との関係です。

例えば、ページの下の方にある段落にアンカーを指定した場合、ウィンドウサイズが小さい時には成功しても、

ウィンドウサイズが大きい場合、物理的にアンカー指定位置をウィンドウの

トップに持って来れない(要するにアンカー以下の文章量が少な過ぎる)場合があります。

この2点について既に確認済みだったらすみません。

◎質問者からの返答

ご回答ありがとうございます。

一つ前の回答の追記の追記という形になりますが、abcを含むページ内での、ページ内リンクはうまくいくのですが、abcを含むページの外からとなるとうまくいきません。

分かりづらい文章になってしまってもうしわけありません。


3 ● iyotetsu2100
●5ポイント

えっと、逆質問になるんですが、他のページからabcにリンクしているんですか?それとも同じページ内のリンクでしょうか?

一応、<a href=”

http://www.xxxx.xx.xx/xxxx/xxxx/#abc

”>というのをhttp://からではなく、直接フォルダ/ファイル.html#abc とローカルでしてみてはどうでしょうか?

<a href=”xxxx/×××.html#abc”>

◎質問者からの返答

ご回答ありがとうございます。

リンクは他のページからです。

ローカルでやってみては?とのことですが、今回のサイトは管理側の問題で相対リンクで試すことが出来ません。

原因としてそれしか考えられないのでしたら、管理側と交渉して試してみますが、その前に他の原因が考えられるならそこから試してみたいので、何か他に考えられる点がございましたらお教え下さい。


4 ● shiv
●65ポイント

abcを含むページの外からそこへ飛ぶ時、ページの表示は遅くないですか?

以前、何処かのページでユーザーとしてその事象に直面しましたが、その時感じたのが「ページの描画が遅いと上手く飛ばない事がある」と大雑把なレベルです。

かなり昔の話ですが。(←ダイヤルアップ時代)

IEがページを全部ドローする前に、nameに飛ばそうとして、見つからないから上部が表示されたままになっているのでは・・・?と思います。普通は全部ドローしてから飛ばすはずですが、待ち切れないとか・・・勝手な予想です。

まずは、ローカルでやってみるのが良いと思います。

「abcを含むページ」は、今テストしてる時に表示されたHTMLをブラウザーで保存してファイル名やリンクの部分を少し修正すれば良いですし、「abcへ飛ぶHTML」は適当に作成すれば良いと思います。これなら交渉せずに出来ると思います。

◎質問者からの返答

ご回答ありがとうございます。

どうやらこれが原因だったようです。ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ