スマートフォン用のサイト作成について

質問

スマートフォン用のサイトを作成したいと思っています。

検索すると
　jQuery Mobile とか　HTML　でとか、色々出てきます。

基本は同じだとは思うのですが、どのような方法で作るのが現在の主流（一般的）なのでしょうか。

よろしくお願いいたします。

回答No.1

ORUKA1951 · ベストアンサー

この世界、機能までの主流が今日は亜流ということが、しばしばなので--
しかし、
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
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 )］より
　であることは、HTML4.01の勧告以来、変わることはないでしょう。
　すなわち
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTMLの性質上、プレゼンテーションに関する要素や属性は、次々と他の機構、とりわけスタイルシートに置換えられていく。 また、文書の構造をプレゼンテーションと切り離すことで広汎なプラットフォームや多様なメディアでの文書提供コストを低下でき、文書の改訂も容易になるということが、経験的に知られている。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )］より

　とすれば、「スマートフォン用のサイトを作成したい」ということは、上記と反することだと言うことは分かると思います。現実にはスマホ用は別サイト(URL)と言うのも結構あります。
　これらが意味することは、HTMLには文書構造だけを記述し、プレゼンテーションはスタイルシートに担わせる--分担--ということです。
　次期HTML5では、『推奨しない要素は、HTMLの将来のバージョンでは廃止になる可能性がある。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )』の予告どおり、一切のプレゼンテーション的な要素や属性が廃止されます。

　mediaqueryですが、これは最終手段と考えると良いでしょう。基本的には
1) HTMLには文書構造だけを記述する。
　　HTML4.01strictないしXHTML1.0strictで作成する。
2) スタイルシートはリキッドデザインを基本とする。
　　これだけで、よほど凝った事を考えない限りスマホでも超幅広ディスプレイは無論、スクリーンリーダー、点字端末、携帯電話、プリンター、検索エンジンなど『どんな環境からもWebの情報を利用できるように』なるはずです。
3) さらにスマホなどで全くデザインを変える--mediaquery--ことも、代替スタイルシート(Alternate style Sheet)でユーザーにデザインを選択させることもしておく

　が、今も将来も良い方法でしょう。

お礼

お礼が遅くなってスミマセン。

とても有益なご教授ありがとうございます。
私もおっしゃっているスマホを別サイトにしていた部類の人間です。
なるほど、、、です。

本当にどうもありがとうございました。