このエントリーをはてなブックマークに追加

携帯サイト作成の便利なタグ - 入力モード、アクセスキー、キャッシュ、ブックマーク

更新:

入力モード、アクセスキー、キャッシュ、ブックマークなど携帯サイトで使える便利なタグ。

入力フォームの入力モードの指定

  • 携帯サイトの入力フォームで文字を入力するときの入力モード(英字、数字、漢字、カタカナなど)を指定できます。
    数字を入力させたい場所で文字を入力するときに、最初に漢字モードが表示されると、わざわざ携帯のボタンで数字モードに直してから入力しますが、予めページ側で数字モードにしてあげると、入力する人の手を煩わせることがありません。
    • ドコモ
      • istyle:「1」全角かな、「2」半角カナ、「3」英字、「4」数字。

      • <input type="text" name="test" istyle="3">
    • au
      • format: 「A」英大文字のみ(句読点も可)、 「a」英小文字のみ(句読点も可)、 「N」数字のみ、 「X」大文字と数字記号(句読点・記号も可)、 「x」英小文字と数字記号 (句読点・記号も可)、 「M」全角漢字 (携帯のボタンですべての文字も可)、 「m」英小文字 (携帯のボタンですべての文字も可)。
      • ドコモのistyleも使用可能。

      • <input type="text" name="test" format="4N">
        <input type="text" name="test" format="*A">
        記号の前の数字は、入力文字数の制限で、*の場合は制限なし。
    • ソフトバンク
      • MODE: 「hiragana」全角かな、 「katakana」全角カナ、 「hankakukana」半角カナ、 「alphabet」英字、 「numeric」数字。

      • <input type="text" name="name" mode="hiragana">


アクセスキー

  • 携帯電話のダイヤルボタンの各数字を押すことで、ページ上の各リンクに移動し、リンク先へ移動できます。
    ページをスクロールしてリンクを選択する手間を省くことができます。
    • ドコモ
      • accesskey:ダイヤル番号の「0」~「9」、「*」、「#」。

      • <a href="sample.php" accesskey="1">1. サンプル</a>
    • au
      • ドコモと同じ。
    • ソフトバンク
      • directkey:ダイヤル番号の「0」~「9」、「*」、「#」。
        デフォルトでは「directkey」の数字がページに表示されますが、 これを非表示にするには「nonumber」を書きます(機種により異なる)。

      • <a href="sample.php" directkey="1" nonumber>1.サンプル</a>


ダイヤル(電話をかける)

  • ページ上のリンクを選択したときに、電話をかけることができます。
    • ドコモ、au、ソフトバンク共通
      <a href="tel:09012345678">090-1234-5678</a>


キャッシュ(auのみ)

  • 一度見たページは、携帯電話内にページを記憶(キャッシュ)する場合があります。
    これにより、ページを更新しても更新内容が繁栄されてないように見える場合があります。
  • auは、HDMLならTTL、HTMLならMETAタグでキャッシュ時間を制御できます。
  • TTL="0"やno-cacheでキャッシュしないようにできます。
    • HDMLの場合
      <HDML VERSION="3.0" MARKABLE="TRUE" TTL="0">
    • HTMLの場合
      <meta http-equiv="Cache-Control" content="no-cache" />


ブックマーク(auのみ)

  • auは、ページをブックマークさせたり、ブックマークを禁止したりできます。
  • ページをブックマークさせる
    URLに引数がある場合は、「=」を「%3d」、「&」を「%26」にします(URLエンコード)。
    引数のurlやtitleに日本語が含まれる場合は、URLエンコードします。
    • HTMLの場合
      引数「url」にサイトのURL、「title」にブックマーク時のタイトル。
      <a href="device:home/bookmark?url=http://sample.com/&vars=%3d&title=%83u%83b%83N%83%7d%81%5b%83N"> ブックマーク</a>
    • HDMLの場合
      引数「url」にサイトのURL、「title」にブックマーク時のタイトル。
      <A TASK="GO" DEST="device:home/bookmark?url=http://sample.com/&vars=%3d&title=%83u%83b%83N%83%7d%81%5b%83N"> ブックマーク</A>
  • ブックマークを禁止する
    • HTMLの場合
      <meta name="vnd.up.markable" p:forua="true" content="false" />
  • 他のページをブックマークさせる
    • HTMLの場合
      <meta name="vnd.up.bookmark" p:forua="true" content="http://www.sample.co.jp" />


コピー禁止(ドコモ)

  • ドコモではiモードブラウザ2.0以降、ページ内の画像やテキストをコピー禁止にすることができます。
    METAタグで指定します。
    • 画像保存、画面メモ、スクリーンキャプチャ機能禁止
      <meta name="prohibition" content="image">
    • 画像+テキストコピー機能が禁止
      <meta name="prohibition" content="image,text">


画面の描画モード QVGA、VGA(ドコモ)

  • ドコモではiモードブラウザ2.0以降、ページの描画モードを指定することができます。
    METAタグで指定します。
    • QVGAモード
      <meta name="disparea" content="qvga">
    • VGAモード
      <meta name="disparea" content="vga">

このエントリーをはてなブックマークに追加