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

ページ内リンクが飛ばず困っています。
現象としては以下になります。
・index.htmlのリンクからexample.html#01へ → ×飛ばない
・example.htmlのリンクからexample.html#01へ → ○飛ぶ
・URLを直接打ち込む → ○飛ぶ
確認している環境は、WindowsXPのIE7です。(IE8だと正常に動作します。)
何かご存知の方、ご教授頂けないでしょうか?よろしくお願いします。

●質問者: lily0717
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● きゃづみぃ
●100ポイント

http://q.hatena.ne.jp/1233629961

ホームページのつくりが悪い場合 IE7だと うまくできない場合があるようです。

IE8だと つくりの悪さも吸収してしまうので 問題が 発生しない。

リンクの箇所の記述とか 見直してみる必要があると思います。
というか どのようにしているのか 提示してください。


2 ● uwao
●100ポイント

リンクが正常では無い場合、index.htmlのHTMLに問題があるのかもしれません。
下記でHTMLをチェックすると原因が分かるかもしれません。
http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html


3 ● 楽1978
●100ポイント ベストアンサー

たぶん、名前のつけ方がルール違反です。
ちなみに推奨はid属性です。

name属性を参照
http://w3g.jp/xhtml/dic/a

試しにaタグにname属性とid属性の両方を書いてください。
その際、数字や記号から始まらないように。また大文字小文字も区別されるのでそれにも注意しましょう。名前のつけ方のルールはname属性とid属性共通です。
http://www.tagindex.com/html_tag/link/a_name.html
http://pirkawiki.oarts.jp/index.php?name%E5%B1%9E%E6%80%A7%E3%81%AE%E3%83%8D%E3%83%BC%E3%83%9F%E3%83%B3%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%AB

例を挙げると、

<a name="a1" id="a1">ここ</a>
<h2 id="a2">ここ</h2>
<div id="a3">ここ</div>
<a href="#a1">内容</a>
<a href="#a2">内容</a>
<a href="#a3">内容</a>

こんな感じになります。
解決しなければまた書きます。


lily0717さんのコメント
ご回答ありがとうございます。 <h4 id="01">内容</h4> というような記述をしていたのですが <a name="a1" id="a1">内容</a> と変更したことで上手くいきました! ありがとうございました。
関連質問

●質問をもっと探す●



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