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等と同じ表示方法になりますでしょうか?

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2014/02/19 18:36:56
  • 終了:2014/02/21 18:17:35

ベストアンサー

id:umeboshi0612 No.1

umeboshi0612回答回数1ベストアンサー獲得回数12014/02/21 11:46:53

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

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

id:umeboshi0612

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

2014/02/21 12:03:54
id:asatanweb

ご回答ありがとうございます。
解決できました!!

HTML5の仕様が確定するんですね!
教えていただいてありがとうございます。
name属性id属性についてはあまり変更がないようでよかったです。

2014/02/21 18:17:30

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません