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

更新：2005-10-25

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」とするとキャッシュに保存しない。

■カード

文字などを表示させるための一般的なカード。
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>

選択肢専用のカード。選択肢をリスト表示し且つアンカーを形成します。
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>

入力フォーム用カード。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>

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

カテゴリ