しらぎくモバイルシステム VIに於けるｉモード向けXHTMLでのリスト項目マーカ。

擬似枠線サポートの対象となる端末。

リスト項目にマーカを附与する機能の対象となる端末は以下の通りです。

WAP 2.0向けCSSを用意している場合

ｉモード向けXHTML対応ドコモ端末に適用されます。

• WAP 2.0携帯電話についてはCSSで枠線が引けるのでCSSでリスト項目へのマーカを指定してください。

WAP 2.0向けCSSを用意していない場合

• WAP 2.0携帯電話
• ｉモード向けXHTML対応ドコモ端末

に適用されます。

尚、いずれの場合でもcHTML端末(旧世代機)に対しては適用いたしません。

リスト項目にマーカを与える対象となる要素。

設定で指定したクラス名(class属性)またはID(id属性)を与えられた<ul>要素直下にある<li>要素の冒頭にマーカが与えられます。

• <li>要素にクラス名やIDを与えても部分的にマーカを変えたりする事は出来ません。

リスト項目へのマーカの設定方法。

設定ファイル「KConfig.pl」内の初めの { と } の間に,以下の文を入れます。

クラス名で指定する場合

$listMarkerByClass{'クラス名'}='マーカ';

このとき、クラス名は指定したい箇条書きリスト(<ul>要素)に与えるclass属性の値となる文字列です。

IDで指定する場合

$listMarkerByID{'ID'}='マーカ';

このとき、IDは指定したい箇条書きリスト(<ul>要素)に与えるid属性の値となる文字列です。

いずれの場合も、値となるマーカは、

• http:// で始まる絶対URLで示されるGIF画像またはJPEG画像(PNG画像は使えません)
• テキスト(設定ファイルの文字コードのエンコーディングと変換対象となるHTML文書の文字コードのエンコーディングが一致している事が必要です)

と空白で二つの値を区切ったものとします。

• テキストとしてXHTMLを用いる事も可能ですが、その場合は必ずXMLとして整形式になっている必要があります。また、上記の通り、設定ファイルでの文字コードエンコーディングと変換対象HTML文書のそれを必ず一致させてください。
• 画像に対しては、リサイズは形式変換は行いません。このため、大き過ぎる画像やPNG画像は絶対に指定しないでください。

尚、上記の指定は複数書いても構いません。

該当する指定が複数ある要素への扱い。

マーカ指定で該当する要素が複数ある場合、

1. IDでの指定
2. クラス名での指定

と言う優先順位となります。

尚、複数のマーカ指定クラス名を与えている要素に対して、どのクラス名の定義が適用されるかは不定です。

• このため、マーカを指定したクラス名を複数class属性値にするのは避けた方が良いでしょう。

ｉモード向けXHTMLでのリスト項目マーカの処理の具体例。

HTML文書ソースが以下のようになっているとします。

<ul class="notes">
			    <li>平成21年現在、携帯電話会社のCMアイドルは以下のような状況になっております。
			        <dl>
			            <dt>エヌ・ティ・ティ・ドコモ</dt>
			            <dd>堀北真希</dd>

			            <dt>KDDI/沖縄セルラー</dt>
			            <dd>仲間由紀恵</dd>

			            <dt>ソフトバンクモバイル</dt>
			            <dd>上戸彩</dd>
			            </dl>
			        いずれも、代表的なアイドル女優が起用されているのが分かります。</li>
			    </ul>

このHTMLに於いて、notesクラスではマーカを与えるようにした場合、ｉモード向けXHTMLでは以下のように変換されます。

<dl>
			    <dt>(指定されたマーカ)平成21年現在、携帯電話会社のCMアイドルは以下のような状況になっております。
			        </dt></dd><dl>
			            <dt>エヌ・ティ・ティ・ドコモ</dt>
			            <dd>堀北真希</dd>

			                …

			            </dl></dd><dt>
			        いずれも、代表的なアイドル女優が起用されているのが分かります。</dt>
			    </dl>

適切に字下げし直すと、以下のようになります。

<dl>
			    <dt>(指定されたマーカ)平成21年現在、携帯電話会社のCMアイドルは以下のような状況になっております。</dt>
			        </dd>
			            <dl>
			                <dt>エヌ・ティ・ティ・ドコモ</dt>
			                <dd>堀北真希</dd>

			                …

			                </dl>
			            </dd>
			        <dt>いずれも、代表的なアイドル女優が起用されているのが分かります。</dt>
			    </dl>

ｉモード向けXHTMLでのリスト項目マーカの処理に於ける注意点。

実際にｉモード向けXHTML対応端末向けにリスト項目マーカを操作する場合、以下の点にご留意ください。

• 先ず、WAP 2.0でのマーカ指定リストと較べ、以下のような表示上の違いが生じます。

  マーカの真下にも折返したテキストが廻り込みます

  見掛け上、list-style-position: inside;プロパティを与えられた状態(通常と異なる状態)となります。

  ブロックレヴェル要素が含まれる場合は、左に余白が生じます

  リスト項目となるインラインテキストは左余白を生じません。

• また、リスト項目がブロックレヴェル要素で始まっている場合、マーカの直後で改行される事になります。