非順序リスト(Unordered List)を作成します。非順序リストとは、リスト項目の先頭に記号が付くリストである。リストに項目(List Item)を追加するには<LI>タグを使用します。
リストは字下げ(インデント)して表示されるが、字下げ幅はブラウザによって異なる。どのブラウザを使うかに関わらず同じように表示するようスタイルシートで指定することもできるが、その方法はブラウザによって異なる。例えば、Internet Explorer 6.0はマージンの指定によって字下げを行っているので、スタイルシートmargin-leftで指定する。Firefox 2.0はパディングの指定によって字下げを行っているので、スタイルシートpadding-leftで指定する。つまり、Internet Explorer 6.0とFirefox 2.0で同じように表示させるためには、スタイルシートmargin-leftとpadding-leftの両方に同じ値を指定する必要がある。実際の例を次に示す。
<ul style="margin-left: 5px; padding-left: 5px">
<ul>
<!-- zero or more li, script, and template elements -->
</ul>
開始タグと終了タグは省略できません。開始タグと終了タグの間にはLI要素タイプが1回以上出現します。
ul 要素の開始タグと終了タグの間には、以下に示す要素を含めることができる。
<li>
<script>
<template>
ul 要素の開始タグと終了タグは省略できない。
属性は全て省略可能です。
HTMLタグ <ol> の使用例と表示サンプルを次に示します。
<ul>
<li>first</li>
<li>second</li>
<li>third</li>
</ul>
HTMLタグ<li>は、順序リストや非順序リストにリスト項目(List Item)を追加します。
<li>
<!-- flow content -->
</li>
OL要素タイプおよびUL要素タイプの内容モデルであり、<OL> と </OL> の間、または <UL> と </UL> の間に記述します。
開始タグは省略できません。
HTMLでは終了タグを省略できます。
内容モデルを持つため、XHTMLでは終了タグを省略できません。
li 要素の開始タグと終了タグの間にはフローコンテンツを含めることができる。具体的には、以下に示す要素である。
<a>
<abbr>
<address>
<article>
<aside>
<audio>
<b>
<bdi>
<bdo>
<blockquote>
<br>
<button>
<canvas>
<cite>
<code>
<data>
<datalist>
<del>
<details>
<dfn>
<div>
<dl>
<em>
<embed>
<fieldset>
<figure>
<footer>
<form>
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<header>
<hgroup>
<hr>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<main>
<map>
<mark>
<math>
<menu>
<meter>
<nav>
<noscript>
<object>
<ol>
<output>
<p>
<picture>
<pre>
<progress>
<q>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<span>
<strong>
<sub>
<sup>
<svg>
<table>
<template>
<textarea>
<time>
<ul>
<var>
<video>
<wbr>
属性は全て省略可能です。
HTMLタグ<li>の使用例と表示サンプルを次に示します。
<ol>
<li value="3">first</li>
<li value="2">second</li>
<li value="1">third</li>
</ol>
HTMLタグには次のものがある。
Web Hypertext Application Technology Working Group 2023. Grouping content. HTML Living Standard