li要素
li要素はul要素やol要素のリストの内容をマークアップする為の要素です。
<h1>材料</h1>
<ul>
<li>砂糖</li>
<li>塩</li>
<li>小麦粉</li>
<li>ベーキングパウダー</li>
</ul>
<h1>作り方</h1>
<ol>
<li>ボールに材料をいれ混ぜます。</li>
<li>混ぜ終わった材料を20分ほど置いておきます。</li>
<li>鍋にいれて煮込めば出来上がり</li>
</ol>
HTML5ではli要素の閉じタグは省略可能ですので、以下のようにマークアップすることも可能です。
<h1>材料</h1>
<ul>
<li>砂糖
<li>塩
<li>小麦粉
<li>ベーキングパウダー
</ul>
<h1>作り方</h1>
<ol>
<li>ボールに材料をいれ混ぜます。
<li>混ぜ終わった材料を20分ほど置いておきます。
<li>鍋にいれて煮込めば出来上がり
</ol>
ol要素内でli要素を利用する場合はvalue属性を利用してリストの並び順を指定することも可能です。(省略した場合はol要素で指定した並び順で扱われます。)
<h1>作り方</h1>
<ol>
<li value="1">ボールに材料をいれ混ぜます。
<li value="2">混ぜ終わった材料を20分ほど置いておきます。
<li value="3">鍋にいれて煮込めば出来上がり
</ol>
参考URL
登録日 : 2013年08月31日 最終更新日 : 2013年9月29日