携帯対応HTML/XHTMLタグリストモジュール

<dl>
	<dt>項目A</dt>
		<dd>項目Aの内容</dd>
	<dt>項目B</dt>
		<dd>項目Bの内容</dd>
</dl>

<ul>
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ul>
<br>
<!-- 入れ子 -->
<ul>
    <li>項目1</li>
    <li>項目2
    	<ul>
    		<li>項目2-1</li>
    		<li>項目2-2</li>
    		<li>項目2-3</li>
    	</ul>
    </li>
    <li>項目3</li>
</ul>
<br>
<!-- type属性 -->
<ul type="disc">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ul>
<br>
<ul type="circle">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ul>
<br>
<ul type="square">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ul>
<br>
<!-- CSSのlist-style-typeプロパティ -->
<ul style="list-style-type:disc;">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ul>
<br>
<ul style="list-style-type:circle;">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ul>
<br>
<ul style="list-style-type:square;">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ul>

ol
番号付き順序リスト

2009/11/23

　[iモード対応HTML Ver1.0] [iモード対応XHTML Ver1.0]
　［au XHTML］
　[SoftBank HTML] [SoftBank XHTML]

ol要素は、番号付きリストを表すブロック要素です。

ol要素内には、li要素が1回以上出現する必要があります。 リストを入れ子にする場合は、li要素の解した具と終了タグの間に記述するようにしてください。

属性

docomo

au

*1：P4(2)型のみ

SoftBank

*1：P4(2)型のみ

注意事項

SoftBank

• ol要素内のli要素は99個まで。
• 入れ子は3階層まで。

サンプル

■HTML

<ol>
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ol>
<br>
<!-- 入れ子 -->
<ol>
    <li>項目1</li>
    <li>項目2
    	<ol>
    		<li>項目2-1</li>
    		<li>項目2-2</li>
    		<li>項目2-3</li>
    	</ol>
    </li>
    <li>項目3</li>
</ol>
<br>
<!-- type属性 -->
<ol type="1" start="10">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ol>
<br>
<ol type="a">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ol>
<br>
<ol type="A">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ol>
<br>
<ol type="i">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ol>
<br>
<ol type="I">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ol>
<br>
<!-- CSSのlist-style-typeプロパティ -->
<ol style="list-style-type:decimal;" start="10">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ol>
<br>
<ol style="list-style-type:lower-roman" start="10">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ol>
<br>
<ol style="list-style-type:upper-roman" start="20">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ol>
<br>
<ol style="list-style-type:lower-alpha" start="24">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ol>
<br>
<ol style="list-style-type:upper-alpha" start="24">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</ol>

■XHTML

<!-- type属性 -->
<ul>
  <li type="disc">disc</li>
  <li type="circle">circle</li>
  <li type="square">square</li>
</ul>
<br>
<ol>
  <li type="1">番号</li>
  <li type="a">ｱﾙﾌｧﾍﾞｯﾄの小文字</li>
  <li type="A">ｱﾙﾌｧﾍﾞｯﾄの大文字</li>
  <li type="i">ﾛｰﾏ字の小文字</li>
  <li type="I">ﾛｰﾏ字の大文字</li>
</ol>
<br>
<!-- CSSのlist-style-typeプロパティ -->
<ul>
    <li style="list-style-type:disc;">list-style-type:disc;</li>
    <li style="list-style-type:square;">list-style-type:square;</li>
    <li style="list-style-type:circle;">list-style-type:circle;</li>
</ul>
<br>
<ol>
    <li style="list-style-type:decimal;">list-style-type:decimal;</li>
    <li style="list-style-type:upper-alpha;">list-style-type:upper-alpha;</li>
    <li style="list-style-type:lower-alpha;">list-style-type:lower-alpha;</li>
    <li style="list-style-type:upper-roman;">list-style-type:upper-roman;</li>
    <li style="list-style-type:lower-roman;">list-style-type:lower-roman;</li>
</ol>

<dir>
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</dir>
<br>
<!-- 入れ子 -->
<dir>
    <li>項目1</li>
    <li>項目2
    	<dir>
    		<li>項目2-1</li>
    		<li>項目2-2</li>
    		<li>項目2-3</li>
    	</dir>
    </li>
    <li>項目3</li>
</dir>
<br>
<!-- type属性 -->
<dir type="disc">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</dir>
<br>
<dir type="circle">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</dir>
<br>
<dir type="square">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</dir>
<br>
<!-- CSSのlist-style-typeプロパティ -->
<dir style="list-style-type:disc;">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</dir>
<br>
<dir style="list-style-type:circle;">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</dir>
<br>
<dir style="list-style-type:square;">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</dir>

<menu>
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</menu>
<br>
<!-- 入れ子 -->
<menu>
    <li>項目1</li>
    <li>項目2
    	<menu>
    		<li>項目2-1</li>
    		<li>項目2-2</li>
    		<li>項目2-3</li>
    	</menu>
    </li>
    <li>項目3</li>
</menu>
<br>
<!-- type属性 -->
<menu type="disc">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</menu>
<br>
<menu type="circle">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</menu>
<br>
<menu type="square">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</menu>
<br>
<!-- CSSのlist-style-typeプロパティ -->
<menu style="list-style-type:disc;">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</menu>
<br>
<menu style="list-style-type:circle;">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</menu>
<br>
<menu style="list-style-type:square;">
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
</menu>