HTMLをPCとスマフォ版で分けれる・・・？

Question

グーグルで調べて解決しませんでした。力を貸してください。

表題の通りにパソコンで見るときは[A.html]を表示し、スマフォで見るときは[B.html]という風に切り替えることは可能でしょうか？簡単なご説明になりましたがよろしくお願いいたします。

アクセスするURLは同じです。

Comments

[yoshinavi]

＞グーグルで調べて解決しませんでした。

→　どのような言葉で検索されたのでしょうか？

[yasutomi]

「HTML PC スマフォ 分ける」で検索したら普通に見つかるのですが
どういう検索方法をしたら見つからないのか逆に教えていただきたいです。

Answer 1

アクセスするURLは同じです。

それならサーバーサイドの言語で判定して出力するHTMLを分ければよいかと思いますが、昨今では同じHTMLで表示をCSSで切り分けるレスポンシブが主流です。
タグにあるCSSフレームワークはたいていレスポンシブ対応がされているものばかりですので、その方面で検討してください。

Answer 2

CSS、HTMLだけでは同じURLでは無理です。
一つ無理やりやるなら、iframeを使い、
CSSでは、そのiframeをdisuplay: blockにするか、noneにするかで切り替える方法でしょうかね。

いずれにせよ、JavaScriptないし、サーバーサイドで、スマホとPCで、リライトして表示HTMLの切り替えコントロールするのが一番でしょう。
というか、URL同じで違うHTML表示なら、サーバーサイド一択です。

ただ、同じHTMLでレスポンシブに、表示をCSSで切り替える、なら、例えばA.htmlのみで、
スマホ用表示とPC用表示を分けることが可能です。