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

WEBサイトでページ内指定箇所へ移動する際のFirefoxブラウザの動きについてどなたかご教授下さい。

URLをクリックしてページの指定部分に移動するようHTMLかいていますが、IEやChromeの場合は「id」が表示されている場所に移動しますが、Firefoxだけ「href」で指定している部分に移動してしまいます。

<a id="test">test</a> または <div id="test">test</div> //←IE、Chrome
テストページ
<a href="#test">test</a> //←Firefox

どのように直せばIE等と同じ表示方法になりますでしょうか?


●質問者: asatanweb
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● umeboshi0612
ベストアンサー

ページ内リンクであれば
<a href="#link01">link01へのリンクボタン</a>
ページ内のid="link01"を持つ要素上部へ移動

ページ外リンクであれば
<a href="http//example.com/sample.html#link02">link02へのリンクボタン</a>
http//example.com/sample.html内のid="link02"を持つ要素上部へ移動


umeboshi0612さんのコメント
ちなみに、今年勧告予定のHTML5ではa要素をページ内リンクとして使用する際、移動先のアンカーにはname属性は使用せずid属性を使用する、となっております。 name属性もid属性も使用方法は大きくは変わらず、移動先のid="○○"をhref="#○○"で指定するだけです。

asatanwebさんのコメント
ご回答ありがとうございます。 解決できました!! HTML5の仕様が確定するんですね! 教えていただいてありがとうございます。 name属性id属性についてはあまり変更がないようでよかったです。
関連質問

●質問をもっと探す●



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