li(リスト・アイテム)要素はol要素やul要素に内包することでリストの項目を表します。

li要素がol要素の子要素として使用される場合のみ、value属性によってリストマーカーに表示する数字を指定することができる。指定できる値は、算用数字による整数のみ。

li要素説明
カテゴリーなし
コンテンツモデルフローコンテンツ
使用できる場所・ol要素の子要素として記述
・ul要素の子要素として記述
・menu要素の子要素として記述

li要素で使用できる属性

すべてのHTML要素で使用できる属性になります。

入力コントロールの初期値を指定する。

value属性は ol要素の子要素として li要素が使用される場合のみ使用できる。

input要素におけるvalue属性

value属性はフォームの入力コントロールにおける初期値を指定します。フォームが送信される際、input要素のtype属性値が、hiddenの場合や、textなどが指定され、閲覧者が値を入力できるコントロールの場合でもreadonly属性が指定されている場合は、この値がそのまま送信される。

閲覧者が初期値を変更した場合は、変更後の値がフォーム送信時に送られる。

input要素のtype属性値がcheck、またはradioの場合、選択された要素に指定された、この属性値の値が送信されます。指定されていない場合は、空の値が送信される。

option要素などでは、value属性が指定されない場合、option要素の内容となるテキストが値として送信されますが、option要素の内容と、実際に送信する値を違う値にしたい場合は、value属性によって指定することができる。

input type=”submit”、input type=”reset”、button要素などでは、value属性値が、ボタンのラベルとして利用される。

古い仕様のHTMLでは、input type=”text” の value属性値に、入力例などを入れて、プレースホルダとして利用する場合がありましたが、HTML Living Standard仕様では、placeholder属性が追加されたため、このような用途には placeholder属性が利用できる。

li要素におけるvalue属性

li要素がol要素の子要素として使用される場合のみ、value属性によってリストマーカーに表示する数字を指定することができる。指定できる値は、算用数字 (1, 2 …など) による整数が指定できる。

progress要素におけるvalue属性

progress要素におけるvalue属性は、現時点での進捗状況を数値で指定する。指定できる数値は浮動小数点数ですが、0以上、max 属性値以下である必要がある。value属性を持たない progress要素は、「不定」、つまり「タスクは処理中だが、進捗状況が不明で完了までが予想できない状態」となる。

meter要素におけるvalue属性

meter要素におけるvalue属性は、現在の数値を指定する。指定できる数値は浮動小数点数ですが、max属性値以下、min 属性値以上で指定する。

data要素におけるvalue属性

data要素において、value属性は必須で、その値はマシンリーダブル (プログラムなどによって読み取り可能な) な形式でなければならない。

使用例

<nav role="navigation">
 <ul>
  <li><a href="/">トップページ</a></li>
  <li><a href="/news/">ニュース</a></li>
  <li><a>スタッフ紹介</a></li>
  <li><a href="/privacy-policy/" target="_blank">個人情報保護方針</a></li>
 </ul>
</nav>

表示

カテゴリー: