キャリアによる絵文字の互換性の問題を解決する１つの方法としてキャリア別にページを作成することが一番の早道となるのですが、一つ一つページをキャリア別に作成するのは結構面倒な作業です。

そこでキャリアによって異なる絵文字部分以外のHTMLは共通であることに着目して、この部分を共通利用してしまう（共通の部分を一つのファイルにまとめる）という方法があります。

１つのページを複数のファイルで構成させようとする方法には、いくつかありまが、たとえば、フレームを使用するのがその代表格。このほかにも、Javascriptを使ったり、OBJECTで読み込んだり、CGIを利用する方法などがありますが、携帯サイトで一般的に行うのは、SSI（Server Side Include - サーバーサイドインクルード）が主流です。

これは、携帯ブラウザの機能に制限が多いという理由が一番に挙げられます。携帯のブラウザはフレームやJavascriptなどには対応していません。

SSIは命令に従って、サーバー側で何らかの処理を行った上で結果をブラウザに渡します。SSIで読み込む方法はフレームと比べて複数のファイルで構成されているという点は同じです。

しかし、フレームのようにブラウザ側が複数のファイルを読み込んで表示するのではなく、事前にサーバー側が複数のファイルを連結して１つのファイルにまとめてからブラウザに渡すという手段がとられるので、ページの表示が軽いという利点があります。

このSSIを使ってページを構成するための手順としては、まず表示のされ方がキャリアに依存しない共通の部分を別ファイル化します。この共通化したファイルをキャリアごとに読み出し、ページの更新性を飛躍的に向上させます。

さて、実際の記述方法ですが、共通化するファイルはアスキーファイルであれば、基本的に拡張子はあまり関係ありません。

たとえば、以下のようなHTMLがあったとします。

<div id="header">
AAA
</div>

<div id="common">
BBB
</div>

<div id="footer">
CCC
</div>

このうち、「id=common」としたDIV要素だけをキャリア間で共有したいとします。この場合は、

<div id="common">
BBB
</div>

を別ファイルとして保存します。たとえば、テキストファイルで「commom.txt」とします。

次に、元のHTMLにはこのテキストファイルを読み込む指示をSSIで与えます。

<div id="header">
AAA
</div>

<!--#include file="./common.txt" -->

<div id="footer">
CCC
</div>

なお、この記述は用意したテキストファイルをカレントディレクトリから読み出す仕方です。ルートディレクトリからファイルの位置を指定する場合は「virtual=""」とします。詳しくは「SSI includeコマンド／SSI入門」をご覧になってください。

このようにキャリア別のページ同士で共有化をすることによって、更新の際に「common.txt」ファイルを１つだけ書き換えればよく、更新がしやすくなります。

なお、SSIを使用できる環境はお使いのサーバーに依存します。また、初期設定では動かなくても、設定次第で動作する場合もあります。具体的には「htaccess実践活用術」などをご覧ください。

※）au、ボーダフォンはXHTML表記を推奨していますが、HTML互換でもページを作成・閲覧できます。また、DOCTYPEやエンコード、対応画像フォーマット等は各キャリア異なることがあります。