HDMLタグ - 書き方のサンプル

更新:

au、TU-KA(ツーカー)の旧端末で使われたHDMLタグのサンプル。

HDMLとは
  • HDMLとは、モバイル端末向けに開発されたタグです。
  • au、TU-KA(ツーカー)の旧端末のEZweb対応ページを作るために使われました。
  • 新しい携帯電話では、HTML、X-HTMLが使えるため、今はあまり需要がありません。


デッキ
  • <HDML VERSION="3.0" MARKABLE="TRUE" TTL="36000"></HDML>
    • デッキの定義。HTMLの定義と同じようなもの。
      VERSION:HDMLのバージョン。「2.0」、「3.0」など。
      MARKABLE:デッキへのブックマークを許可する場合は「TRUE」、拒否する場合は「FALSE」。デフォルトは「FALSE」。
      TTL:キャッシュへの保存期間。秒数で指定します。「TTL=0」とするとキャッシュに保存しない。


カード
  • <DISPLAY TITLE="タイトル"></DISPLAY>
    • 文字などを表示させるための一般的なカード。
      TITLE:タイトル名。
    • サンプル
      <HDML VERSION="3.0" MARKABLE="TRUE" TTL="36000">
      <DISPLAY TITLE="CYLAS">
      
      <CENTER>
      <IMG SRC="title.bmp">
      <BR><BR>
      
      <A TYPE="ACCEPT" TASK="GOSUB" DEST="new.hdml" LABEL="OK">更新情報</A>
      <BR>
      <A TYPE="ACCEPT" TASK="GOSUB" DEST="profile.hdml" LABEL="OK">プロフィール</A>
      <BR>
      <A TYPE="ACCEPT" TASK="GOSUB" DEST="board.hdml" LABEL="OK">掲示板</A>
      
      <BR><BR>
      <CENTER>(C)CYLAS
      
      </DISPLAY>
      </HDML>
      	
  • <CHOICE TITLE="タイトル"></CHOICE>
    • 選択肢専用のカード。選択肢をリスト表示し且つアンカーを形成します。
      TITLE:タイトル名。
    • サンプル
      <HDML VERSION="3.0" MARKABLE="TRUE">
      
      <CHOICE TITLE="CYLAS">
      <CENTER>CYLAS
      <BR><BR>
      <CE TYPE="ACCEPT" TASK="GOSUB" DEST="profile.hdml" LABEL="進む">プロフィール
      <CE TYPE="ACCEPT" TASK="GOSUB" DEST="cg.hdml" LABEL="進む">画像
      <CE TYPE="ACCEPT" TASK="GOSUB" DEST="link.hdml" LABEL="進む">リンク集
      </CHOICE>
      
      </HDML>
      	
  • <ENTRY NAME="INPUTNAME" TITLE="タイトル" KEY="name"></ENTRY>
    • 入力フォーム用カード。HTMLのFORMのようなもの。
      NAME:カードの名前を定義。
      TITLE:カードのタイトルを定義。ブックマーク時のタイトルになります。
      KEY:カードで使う変数名を定義。
    • サンプル
      <HDML VERSION="3.0" MARKABLE="TRUE" TTL="0">
      
      <DISPLAY TITLE="掲示板">
      <ACTION TYPE="SOFT1" TASK="GO" DEST="../index.hdml" LABEL="トップ">
      <A DEST="ezbview.cgi" TASK="GO" LABEL="OK">1</A>発言一覧<BR>
      <A DEST="#INPUTNAME" TASK="GO" LABEL="OK">2</A>発言入力<BR><BR>
      <A TYPE="ACCEPT" TASK="GOSUB" DEST="../index.hdml" LABEL="トップ">トップ</A>
      <BR>
      <CENTER><A DEST="http://example.com/index.hdml"
      	TASK="GO" LABEL="JUMP">EZboard V1.0</A><BR>
      </DISPLAY>
      
      <ENTRY NAME="INPUTNAME" KEY="name">
      <ACTION TYPE="ACCEPT" TASK="GO" DEST="#INPUTCOM" LABEL="次へ">
      名前入力
      </ENTRY>
      
      <ENTRY NAME="INPUTCOM" KEY="comment">
      <ACTION TYPE="ACCEPT" TASK="GO" DEST="ezbsubmit.cgi" LABEL="送信"
      	METHOD="POST" POSTDATA="name=$name&comment=$comment">
      コメント入力
      </ENTRY>
      </HDML>
      	


ナビゲーション
  • <ACTION TYPE="SOFT1" TASK="GO" DEST="../index.hdml" LABEL="トップ"></ACTION>
    • ソフトキー(端末画面下にある左右のキー)の処理を指定。
      TYPE:使用するソフトキーの名前を定義。左ボタンが「SOFT1」、右ボタンが「ACCEPT」。
      TASK:ソフトキーで行う作業を定義。
      • GO:通常リンク。
      • GOSUB:別のアクティビティに移動。
      • PREV:キャッシュ内の前カードに戻る。
      • CALL:電話をかける。
      DEST:リンク先の定義。
      • #カード名:指定したカード名に移動。
      • ディレクトリ/ファイル名:指定したディレクトリ/ファイルに移動。
      • ディレクトリ/ファイル名#カード名:指定したディレクトリ/ファイル中のカードに移動。
      • URL:別サイトなどに移動。
      LABEL:ラベル名の定義。端末画面下端に表示されるのがラベルです。
      POSTMETHOD:送出する方法を指定。GETとPOSTがある。
      POSTDATA:送出するデータを指定。
      NUMBER:CALLタスクを指定した場合に、NUMBERに電話番号を書きます。


テキスト表示
  • 以下は、閉じるタグがありません。
  • <CENTER>
    • 文字を中央揃え。
  • <RIGHT>
    • 文字を右揃え。
  • <BR>
    • 改行。
  • <LINE>
    • 改行禁止。
  • <TAB>
    • インデント。
  • <WRAP>
    • 禁則処理。


リンク
  • <A TYPE="ACCEPT" TASK="GOSUB" DEST="new.hdml" LABEL="OK">更新情報</A>
    • 別のページに移動するためのリンクを作成。
      TYPE:使用するソフトキーの名前を定義。左ボタンが「SOFT1」、右ボタンが「ACCEPT」。
      TASK:ソフトキーで行う作業を定義。
      • GO:通常リンク。
      • GOSUB:別のアクティビティに移動。
      • PREV:キャッシュ内の前カードに戻る。
      • CALL:電話をかける。
      DEST:リンク先の定義。
      • #カード名:指定したカード名に移動。
      • ディレクトリ/ファイル名:指定したディレクトリ/ファイルに移動。
      • ディレクトリ/ファイル名#カード名:指定したディレクトリ/ファイル中のカードに移動。
      • URL:別サイトなどに移動。
      LABEL:ラベル名の定義。端末画面下端に表示されるのがラベルです。
      ACCESSKEY:端末の「0」~「9」のボタンを指定して、アンカーにアクセスさせる場合に使います。
      NUMBER:CALLタスクを指定した場合に、NUMBERに電話番号を書きます。


画像
  • <IMG SRC="../img/test.bmp" ALT="画像">
    • 画像を表示。
      SRC:画像ファイルのアドレスを指定。
      ALT:画像未対応端末や、画像が表示されるまでの間にテキストを表示。


選択肢(リスト表示)
  • <CE TYPE="ACCEPT" TASK="GOSUB" DEST="profile.hdml" LABEL="進む">プロフィール
    • CHOICEカードを使った場合に、項目をリスト表示し、リンクを張ります。閉じるタグはありません。
      TYPE:使用するソフトキーの名前を定義。左ボタンが「SOFT1」、右ボタンが「ACCEPT」。
      TASK:ソフトキーで行う作業を定義。
      • GO:通常リンク。
      • GOSUB:別のアクティビティに移動。
      • PREV:キャッシュ内の前カードに戻る。
      • CALL:電話をかける。
      DEST:リンク先の定義。
      • #カード名:指定したカード名に移動。
      • ディレクトリ/ファイル名:指定したディレクトリ/ファイルに移動。
      • ディレクトリ/ファイル名#カード名:指定したディレクトリ/ファイル中のカードに移動。
      • URL:別サイトなどに移動。
      LABEL:ラベル名の定義。端末画面下端に表示されるのがラベルです。


HDMLでmailto
  • 旧端末の場合
    	<A TYPE="ACCEPT"
    		TASK="GOSUB"
    		DEST="device:home/goto?svc=Email&SUB=sendMsg"
    		VARS="TO=cylas@nifty.com"
    		LABEL="メール">
    	ご意見・ご感想</A>
    	
  • @mail端末の場合
    	<A TYPE="ACCEPT"
    		TASK="GOSUB"
    		DEST="mailto:cylas@nifty.com"
    		LABEL="メール">
    	ご意見・ご感想</A>
    	
このエントリーをはてなブックマークに追加