asatanweb回答ポイントなし

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

ログインして回答する

ベストアンサー

umeboshi06122014/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"を持つ要素上部へ移動

 スター
- 2件のコメントを見る
- umeboshi0612 2014/02/21 12:03:54
  
  ちなみに、今年勧告予定のHTML5ではa要素をページ内リンクとして使用する際、移動先のアンカーにはname属性は使用せずid属性を使用する、となっております。
  name属性もid属性も使用方法は大きくは変わらず、移動先のid="○○"をhref="#○○"で指定するだけです。
  
  スター
- asatanweb 2014/02/21 18:17:30
  
  ご回答ありがとうございます。
  解決できました！！
  
  HTML5の仕様が確定するんですね！
  教えていただいてありがとうございます。
  name属性id属性についてはあまり変更がないようでよかったです。
  
  スター