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

入力モード、アクセスキー、キャッシュ、ブックマークなど携帯サイトで使える便利なタグ。
元ねたはこちら>>http://memorva.jp/memo/mobile/mobile_tag.php

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

• 携帯サイトの入力フォームで文字を入力するときの入力モード（英字、数字、漢字、カタカナなど）の初期モードを指定できます。
  数字を入力させたい場所で文字を入力するときに、最初に漢字モードが表示されると、わざわざ携帯のボタンで数字モードに直してから入力しますが、予めページ側で数字モードにしてあげると、入力する人の手を煩わせることがありません。
  
  
  
  • ドコモ
    
    
    
    • 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">