• 締切済み

スマホサイトで指定ページの指定の場所へリンク

スマホサイトを制作中なのですが、 表題の件でつまづいています。 トップページに <a href="/test/#aaa">○○○</a> testページの指定の場所に <a name="aaa" id="aaa"></a> と書きtestページの#aaaまでリンクさせたいのですが、 普通にtestページに飛ぶだけで、#aaaまで飛んでくれません。 PCでは問題なく動作するのですが、 スマホだと変遷先のアンカーまでは飛んでくれないのでしょうか? それとも記述が間違っていますでしょうか? 以下のように <a name="aaa" id="aaa">○○</a> 中に内容を入れてみたりしてもダメでした 環境はiphone5 ios7.1.2 ブラウザはsafariを使用 宜しくお願い致します。

  • peco33
  • お礼率79% (123/154)
  • HTML
  • 回答数1
  • ありがとう数0

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

DOCTYPEと文法があっているか?? Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html ) で確認 >スマホサイトを制作中なのですが、  スマホもmediaはscreenです。他のPCがあるのでしたら共通で良いです。 【引用】____________ここから HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 相互運用性の達成は、コンテンツプロバイダのコストを低下させる。なぜならただ1種類の文書しか作る必要がなくなるからだ。 もし【相互運用性確保の】努力が成されなければ、Webは互換性のないフォーマット毎に分け隔てられた世界に分割され、すべての関係者にとっての商業的可能性が減少することとなるであろう、大きなリスクを負うこととなる。 ・・・【中略】・・・  HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )]より  同じ内容の複数のページを作ることだけはないように。SEO上問題になります。  リキッドにして、それでカバーできないときはmediaquery使えばよい。膨大な種類のスマホ、フィーチャーホン、PCがあるし今後も増え続けますのでね。

peco33
質問者

補足

wordpressにて作ってますので、文法にミスはないと思います。 ちなみにスマホサイトはwordpressのWPtouchというプラグインにて制作してます。

関連するQ&A

  • 外部ページから指定場所にリンクをさせる

    ページ内で、リンクをするとき、hrefに飛ばしたい場所を#で指定すれば、name属性のところに ページ移動させれることは知っているのですが、 外部ページから、指定の場所に飛ばすことはできないでしょうか? ==========内部ページ内でリンクを作成する時(link.html)============= <h1>リンクテスト</h1> <h2>サンプル</h2> <h3><a name="menu" id="menu">メニュー</a></h3> <ul> <li><a href="#section1">メニュー1</a></li> <li><a href="#section2">メニュー2</a></li> <li><a href="#section3">メニュー3</a></li> </ul> <h3><a name="section1" id="section1">セクション1</a></h3> <p>メニュー1の内容。 ...</p> <h3><a name="section2" id="section2">セクション2</a></h3> <p>メニュー2の内容。 ...</p> <h3><a name="section3" id="section3">セクション3</a></h3> <p>メニュー3の内容。 ...</p> <p><a href="#menu">メニューに戻る</a></p> 上記ソースのメニュー部分を別ページ(top.html)に作成し、 リンクページの指定部分をメインで映るようにしたいのです。 例えば、下のメニュー3がクリックされたとき、 link.htmlのsection3の内容部分(link.htmlの下にある、セクション3)が画面中央に来るようにしたいのです。 ご教授お願いします。 ===top.hmtml(メニュー部分抜粋)================== <h1>リンクテスト</h1> <h2>サンプル</h2> <h3><a name="menu" id="menu">メニュー</a></h3> <ul> <li><a href="#section1">メニュー1</a></li> <li><a href="#section2">メニュー2</a></li> <li><a href="#section3">メニュー3</a></li> </ul>

    • ベストアンサー
    • HTML
  • <a name=""></a>で他のページからリンクを張った場合、IEで動作しません。。。

    system.htmlというページに<a name="hoge"></a>というアンカーネームを つけたとします。 別ページ、hoge.htmlのコンテンツに<a href="system.html#hoge">hoge</a> というリンクを張った場合、Firefox,safariではちゃんと機能するのですが IE6(7はまだ未検証)では機能しません。 いろいろ試したのですが理由がどうしてもわかりません。リンクの張り方が 間違っているのでしょうか。原因を教えていただけると助かります。 よろしくお願いします。

  • マップを使ってページをリンクしさらにページ内リンクにしたが飛ばない。

    マップを使ってページをリンクしさらにページ内リンクにしたが飛ばない。 <img src="images/aaa.jpg" usemap="#map" /> <map name="map"> <area href="kan.html#3" alt="" shape="rect" coords="0,3,105,154" /> </map> kan.html <div align="center" id="3"><img src="images/bar_3.jpg"></div> 以上のようにマップを使ってリンクページの更にページ内リンク先に飛ばそうとしても そのページに飛ぶだけで、飛ばしたい位置まで行きません。 <a name="3"><img src="images/bar_3.jpg"></a> でもダメです。 どうしてでしょうか?

    • ベストアンサー
    • HTML
  • フレームページでページ内リンクを使用する。

    2分割のフレームページで、リンクをする際に、アンカーを使って、ページ内リンクをしたいのですが、どのように書いたら良いのでしょうか? 一応こんな風に書いたんですが。。 function setFrame(jpURL) { parent.samplepage.location.href = jpURL; } --------------------------------------------- <a href="#" onMouseover="setFrame('sample.htm','test')">壱</a><br> <a href="#" onMouseover="setFrame('sample.htm','test2')">弐</a><br> よろしくお願いします。

  • リンクで違うページの指定箇所へ飛ばそうとしています。

    リンクで違うページの指定箇所へ飛ばそうとしています。 IEやsafariでは問題なく指定箇所に飛ぶのですが、 Firefoxだと何故か指定箇所ではなく、そのページの一番下に飛んでいきます。 IEは6、7、8 safariは4.0.2で、 Firefoxは3.6.6を使用しています。 Firefoxのバグなのでしょうか? (同じページ内の指定箇所だとちゃんと飛びます) 急ぎの為大変困っております。 ご回答お願い致します。 HTML-------------------------------------------------------------- <a href="http://~~~/●●.html#abc" /> 飛ばしたい場所 <div id="abc"> <img src="画像URL" border="0" alt="" /> </div>

  • ページ内のリンクが外れてしまいました。

    PC用とスマートフォン用でトップページのみデザインを変えているサイトで、トップページからそれぞれのページへのリンクが、以前は問題無く繋がっていたのですが、スマートフォン用のみ、いつからか外れてしまいました。 スマートフォン用のトップぺージは“i”というフォルダ内に入れ、 <li><a href="../aaa.html">aaa</a></li> <li><a href="../bbb.html">bbb</a></li> としています。 よろしくお願いします。

    • 締切済み
    • CSS
  • ページTOPへのリンク

    ページ途中に ▲このページのTOPに戻る というような、アンカーテキストを入れたいのですが、 ご相談にのってください。 ページ頭部分に、 <a name="top">○○</a> この○○、入れないとやはりだめでしょうか? <a name="top">○○</a> がなくても戻れるくらいなので、戻れることは戻れるのですが… ページ頭に、サイトバナー、パンくずリスト、などがあり、 どれもすでにアンカーテキストなのです。 なので、重ねて入れることも出来ず、<a name="top"></a> だけでムリなのかと…。 またはほかに、なにか良い方法があれば教えてください。

    • ベストアンサー
    • HTML
  • ページ内アンカーに移動しない:

    ページ内アンカーに移動しない: あるページ"A"に <div id = "TOP"></div>と設定し ページ"B"に <a href="test.html#TOP">test<a> と設定しました。 動作確認をした結果、Firefox・クロムと正常に動くのですが IEが全バージョンで、該当ページに飛ぶのですが、アンカーに 移動しません。 ローカルにてテストをした結果、IEで通常に移動します。 調べた所、 javascript等が使用されているとリンク先ジャンプ後にセキュリティの確認 が有るため、アンカーリンクが消されると書いてあったので javascript部分を全て削除し、動作確認をしたのですが やはりアンカーに飛んでくれません。 どなたか、ご教示ください。

  • <a href を使用して違うページにリンクさせたい

    みなさん初めまして。 現在WEBサイトを制作しているのですがわからないことがあったので質問させてください。 1のページのaを2のページの<a name="b"></a>で指定したbへリンクさせたいです。 <a href="2"の"b">a</a>としたいのですが「"2"の"b"」の記述がわかりません。 アドバイスよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 名付けたフラグメントにリンクする

    ページの一番下にヘージトップに戻るボタンを作り、ヘージトップに戻るようにしたいのですが、Firefox・Opera・Safariでは飛べませんでした。互換性にも配慮して、a要素に同じ値のidとnameを併記しアンカーとしましたができませんでした。どなたかご存知の方がいらっしゃいましたら教えて下さい。よろしくお願い致します。 <head> <style type="text/css"> .up { text-align:right; margin: 10px 10px 0px 20px; } </style> </head> <body> <p style="display:none" name="TOP_POINT" id="TOP_POINT">★ページのトップです★</p> 省略 <p class="up"><a href="#TOP_POINT"><img src="/up.gif" width="35" height="17" alt="UP"></a></p> </body>

    • ベストアンサー
    • HTML