• 締切済み

スマートフォンでHPを表示したとき

HPがあるのですが、新たにスマートフォン用のページを作成しました。 スマートフォンでPC用のHPを開いた際にスマートフォン用のページに転送?分岐?させたいのです。 .htaccessというのを使えば転送させられるとインターネットで分かってやってみたのですが、そうすると掲示板等も転送されてしまいます。(掲示板等はPCのままにしたいのです) どのように書けば一部だけをスマホ用のページに分岐できますでしょうか。

みんなの回答

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

原則として一部だけと言うことはできません。あくまでディレクトリ単位での設定になります。スマートフォン用にもうひとつディレクトリを作る。  ただ、『新たにスマートフォン用のページを作成しました。』これは根本か間違っています。HTMLを使ってウェブページを作成する理由は 【引用】____________ここから  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 )]より  別のページを作成することを避けるためにHTMLでページを作成するのですよ。  そもそも、膨大なユーザーエージェントごとにページを作成するのも、.htaccessを書き換え続けるのも現実的ではありません。  私は、 media="screen" : スマホやPC用のもの。リキッド  必要な場合はmediaqueryでスマホ用スタイルを指定。スマホを縦横かえても切り替わる。 media="print"  screen用のスタイルは適用されないので、ブラウザのもつスタイルで印刷  必要な場合は印刷用スタイルを用意しておく 程度は指定して、ひとつのページだけ作っています。スマホでは利用できないページは、mediaqueryでそのページへのリンクを隠しています。 お勧めではないが.htaccessによる振り分けは  ⇒ユーザーエージェントによってPCとスマートフォン(iPhone / Android)を振り分ける方法いろいろ(PHP / JavaScript / .htaccess等) | HTML5 – CSS3 mag( http://html5-css3.jp/smartphone/pc-iphone-android-php-javascript-htaccess.html )  などに説明があります。