iPhoneにはWebブラウザとしてMac OS X/Windows用のSafari（以下、PC版Safari）のサブセット版が搭載されている。iPhoneのSafariでは一般的なWebサイトのほとんどが閲覧可能だが、Appleが提供している「iPhone向けのWebサイトデザイン」に従ったデザインを施すことで、iPhoneで閲覧した際により操作しやすいWebサイトを構築できる。本記事では、このようなiPhone向けのWebサイトを作成するテクニックを紹介する。
なお、以下では主にiPhoneについて述べているが、iPod touchに搭載されているSafariについても仕様はまったく同一だ。
iPhone版Safariの特徴
iPhoneに搭載されているSafariは、PC版Safariに採用されているレンダリングエンジン「WebKit」を使用している。また、フォントについてもMac OS Xに標準搭載されているヒラギノが搭載されているため、iPhoneのSafariでのHTMLレンダリング結果は、Mac OS Xのレンダリング結果に近いものとなる。しかし、同じレンダリングエンジンを採用しているからといって、iPhoneのSafariとMac OS XのSafariとで完全に同一の表示が得られるわけではない。
たとえば、iPhone版Safariではフォームを使ったファイルのアップロードに対応していない。また、画面サイズがPCに比べて小さいことや、マウスを備えていないといった、ハードウェア的な違いもある。そこで、まずはiPhoneに搭載されているSafariと、PC版Safariとの相違点をまとめておこう。