HTML5 <li> Tag

Example

Lists in HTML5:

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

<menu>
<li><input type="checkbox" />Red</li>
<li><input type="checkbox" />blue</li>
</menu>


Try it yourself »

Definition and Usage

The <li> tag defines the start of a list item. The <li> tag is used in ordered lists(<ol>),  unordered lists (<ul>), and in menu lists (<menu>).


Differences Between HTML 4.01 and HTML5

The "type" attribute was deprecated in HTML 4.01, and is NOT supported in HTML5.

The "value" attribute was deprecated in HTML 4.01, but IS supported in HTML5.

The "value" attribute can only be used when the <li> is within an ordered list (<ol>).


Tips and Notes

Tip: Use CSS to define the type of list.


Attributes

Attribute Value Description
value number Defines the number of a list item. The following list items will increment from that number. Use only within the ol element

Standard Attributes

The <li> tag also supports the Standard Attributes in HTML5.


Event Attributes

The <li> tag also supports the Event Attributes in HTML5.