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>

登録日 : 2013年08月31日最終更新日 : 2013年9月29日

HTMLリファレンス