ウェブランサー

日本が独自に進化させた“携帯サイト”の作り方を解説します。

携帯サイトの作り方

Webサイトと携帯サイトの違い

「携帯サイト」と聞くと、携帯電話専用の独特な作りをしているイメージがあります。しかし、実際にはHTMLとCSSを少し書くことができれば誰にでも作れるものです。インターネットの世界は一つなので、アクセスが許可されていれば携帯電話でもパソコンでもWebページを見ることができます。

それでは、「携帯サイト」とは一体どんなものなのでしょうか。それは、「携帯端末向けに作られたサイト」と定義できます。独特なのはあくまでも“端末側”であって、Webページ側は、端末の仕様に合わせて作ってあげれば良いということを覚えておきましょう。

よく使うHTMLタグ

携帯サイト(HTML)

出現頻度[激高] <html>, <head>, <body>, <title>, <meta>
出現頻度[高い] <div>, <center>, <font>, <br>, <a>, <img>, <hr>, <marquee>, <blink>
出現頻度[普通] <form>, <input>, <select>

携帯サイト(XHTML)

出現頻度[激高] <html>, <head>, <body>, <title>, <meta>
出現頻度[高い] <div>, <span>, <br>, <a>, <img>
出現頻度[普通] <form>, <input>, <select>, <table>, <tr>, <td>, <hr>

携帯サイトリファレンス

携帯サイトの基礎知識 携帯サイトを作る時に押さえておくべきポイント
携帯サイトの基本的な作り方 携帯サイトで使えるタグは限られているので有効に使いましょう
HTMLをXHTML化 携帯サイトをHTMLからXHTML化する時に役立つ知識
3キャリア対応のXHTML携帯サイト 携帯3キャリア対応の共通ページをXHTMLで作る方法
携帯サイトのフォントサイズ指定 携帯サイトで文字の大きさを決める際のコツを紹介
携帯サイトの見出し 画像を使わなくてもできる携帯サイトの見出しサンプル
文字入力モードの指定 文字入力が必要なフォームを設置する際の初期値を制御する方法
キーワード検索
コンテンツ
ソーシャルネットワーク
LINK