基本設計html5スマートフォン用サイトはHTML5でマークアップ、CSS3でデザインすることが推奨されています。HTML5やCSS3についての詳細は以下のリンク先を参照してください。)以下のようにスマートフォン端末の画面解像度は様々で、縦横で幅と高さが逆転する。(140~160%)ナビゲーションリンクのサイズスマートフォンの操作はタッチパネルのため、タップ(指での画面タッチ)しやすいよう十分な領域を確保する必要があります。Appleのガイドラインによると縦幅44px以上が良いと言われています。flash対応iPhone4はflash再生に対応していない。(現時点)リッチなUIをつくるときはHTML5とCSS3,JavsScriptで対応すること。/>device-widthViewportのwidthにはdevice-widthの設定が推奨します。device-widthはブラウザの横幅を表します。固定幅を設定すると解像度が大きいブラウザで見たときに表示が偏ってしまいますが、device-widthを設定することで画面全体の幅をブラウザに合わせることができます。対応状況SVGはテキストによるベクター画像。iPhone系は対応しているが、Android2.2では対応していない。対応状況Android系は対応しているが、iPhone系では対応していない。Mobileクロスプラットフォーム&クロスデバイス対応スマートフォン用のjQueryプラグインhttp://jquerymobile.com/スマートフォン用サイトのサンプルhttp://hi0a.com/touch/。