スマホサイトを制作中なのですが、
表題の件でつまづいています。
トップページに
<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を使用
宜しくお願い致します。
A 回答 (1件)
- 最新から表示
- 回答順に表示
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-html4 … )]より
同じ内容の複数のページを作ることだけはないように。SEO上問題になります。
リキッドにして、それでカバーできないときはmediaquery使えばよい。膨大な種類のスマホ、フィーチャーホン、PCがあるし今後も増え続けますのでね。
この回答への補足
wordpressにて作ってますので、文法にミスはないと思います。
ちなみにスマホサイトはwordpressのWPtouchというプラグインにて制作してます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Perl perl このテキストファイルを簡単に配列に入れるには? 2 2022/04/27 20:24
- その他(プログラミング・Web制作) pythonのWebスクレイピングでfind_allだとurlがNoneに 4 2022/04/17 18:21
- JavaScript JavaScript|特定URLだった時、特定の要素を変更するコードの書き方を教えてほしいです 2 2023/08/25 21:43
- Visual Basic(VBA) VBA。複数のChangeイベントをまとめる方法 2 2022/03/31 12:03
- JavaScript [再掲]指定したパスが現URLに含まれていたら特定要素を削除するJavascriptのコードについて 1 2023/05/10 15:09
- JavaScript JavaScript?jQuery?で書き方を教えてください。 初心者です。 AAAという要素をステ 2 2023/08/04 22:09
- Windows 10 バッチファイルの記述法とルールについてアドバイスをお願いいたします。 1 2022/04/13 10:50
- SQL Server ACCESSで複数テーブルを結合して、リストを作る方法を教えてください。 2 2022/08/12 19:32
- Gmail SPFレコードとDNSサーバーについて、gmailを設定できるかどうか 2 2023/06/10 23:55
- SQL Server ACCESSで3ファイルを結合して、表を作成するやり方を教えて下さい。 17 2022/08/15 20:34
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
趣味でhtmlを勉強するのに適し...
-
この容量はテキストサイトとし...
-
ブラウザ切り替え
-
スマホ用のhtmlの覚え方
-
カラム落ちの何が悪いのか
-
パソコンと携帯で文字のサイズ...
-
レスポンシブデザインとは? ...
-
エラーが出ます
-
ホームページを作っているので...
-
リンクの下線は消すのが普通?
-
ホームページでファイルをダウ...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
-
HTMLからフォルダを開きたい
-
form action="#"
-
iPadの標準ブラウザでローカルH...
-
<!DOCTYPE html>あってますか?↑
-
java_run.batがダウンロードで...
-
Excelで、社外秘(閲覧のみ)と...
-
セイヨウタンポポとカントウタ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページ、iPadやiPhoneで...
-
ホームページを作っているので...
-
リンクの下線は消すのが普通?
-
カラム落ちの何が悪いのか
-
ホームページ制作、SPサイトの...
-
HPビルダーのフレームページ...
-
平均的なウィンドウサイズとは?
-
ソリッドレイアウトとリキッド...
-
レスポンシブデザインとは? ...
-
ホームページの携帯サイトの作...
-
デザインとコーディングは同一...
-
Windowsホームページ作成MACで...
-
ブラウザ切り替え
-
レスポンシブ 横1080px高解像度...
-
画面は固定と可変のどちらがい...
-
エラーが出ます
-
スマホ横幅が720px だけ 横が...
-
携帯電話(ガラケー)でのデザ...
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
おすすめ情報