- 締切済み
スマホサイトで指定ページの指定の場所へリンク
スマホサイトを制作中なのですが、 表題の件でつまづいています。 トップページに <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を使用 宜しくお願い致します。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
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があるし今後も増え続けますのでね。
補足
wordpressにて作ってますので、文法にミスはないと思います。 ちなみにスマホサイトはwordpressのWPtouchというプラグインにて制作してます。