★HTML Living Standard リファレンス

結果はどのようにランク付けされますか?
順位はどのように決まるのでしょうか?
2Ranking the results of your bets can be a complex task depending on your specific situation and goals. There are many different ways to rank betting results, and the choice of method often depends on what you want to achieve. The general approach for ranking betting results is as follows:
Read in-detail

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

<li> …… リスト項目を表す
Internet Explorer
Microsoft Edge
Google Chrome
Safari
Firefox
Opera
広告



<li>タグは、リスト項目を表す際に使用します。

li要素は、
ol要素
ul要素
menu要素
の子要素として配置した際に、これらの親要素のリスト項目となります。

li要素内のh1-h6要素について

li要素内にh1-h6要素の見出しを配置することは、HTMLの文法としては誤りではありません。
ただし、見出し要素を配置すると、そこから暗黙的に新しいセクションが開始される点に注意してください。

リストの途中から新しいセクションが開始されるということは、
リストが暗黙的に複数のセクションに分割されるということです。
結果として、作者の意図しない文書構造になってしまう可能性があります。

終了タグ</li>の省略について

li要素の直後に別のli要素が続く場合、または、
li要素の直後に親要素のコンテンツが続いていない場合、
li要素の終了タグ</li>を省略できます。

■属性

value属性
li要素の親要素がol要素の場合に、リスト項目の順序番号を整数で指定します。

■使用例

以下のサンプルは、ol要素の子要素のli要素にvalue属性を使用しています。

HTMLソース

<ol>
 <li>リスト項目の1番目
 <li value="3">リスト項目の3番目
 <li>リスト項目の4番目
</ol>

↓↓↓

ブラウザ上の表示

  1. リスト項目の1番目
  2. リスト項目の3番目
  3. リスト項目の4番目

■使用例

以下のサンプルは、li要素のvalue属性を使用して、映画トップ10を逆順で紹介しています。
figure要素
そのfigcaption要素でリストにタイトルを付けています。

HTMLソース

<figure>
 <figcaption>好きな映画トップ10</figcaption>
 <ol>
  <li value="10"><cite>プッシーキャッツ</cite>, 2001</li>
  <li value="9"><cite lang="sh">Црна мачка, бели мачор(黒猫・白猫)</cite>, 1998</li>
  <li value="8"><cite>バグズ・ライフ</cite>, 1998</li>
  <li value="7"><cite>トイ・ストーリー</cite>, 1995</li>
  <li value="6"><cite>モンスターズ・インク</cite>, 2001</li>
  <li value="5"><cite>カーズ</cite>, 2006</li>
  <li value="4"><cite>トイ・ストーリー2</cite>, 1999</li>
  <li value="3"><cite>ファインディング・ニモ</cite>, 2003</li>
  <li value="2"><cite>Mr.インクレディブル</cite>, 2004</li>
  <li value="1"><cite>レミーのおいしいレストラン</cite>, 2007</li>
 </ol>
</figure>

↓↓↓

ブラウザ上の表示

好きな映画トップ10
  1. プッシーキャッツ, 2001
  2. Црна мачка, бели мачор(黒猫・白猫), 1998
  3. バグズ・ライフ, 1998
  4. トイ・ストーリー, 1995
  5. モンスターズ・インク, 2001
  6. カーズ, 2006
  7. トイ・ストーリー2, 1999
  8. ファインディング・ニモ, 2003
  9. Mr.インクレディブル, 2004
  10. レミーのおいしいレストラン, 2007

■使用例

以下のサンプルは、ol要素のreversed属性を使用して、映画トップ10を逆順で紹介しています。
上記サンプルとマークアップは異なりますが、意味は同じです。

HTMLソース

<figure>
 <figcaption>好きな映画トップ10</figcaption>
 <ol reversed>
  <li><cite>プッシーキャッツ</cite>, 2001</li>
  <li><cite lang="sh">Црна мачка, бели мачор(黒猫・白猫)</cite>, 1998</li>
  <li><cite>バグズ・ライフ</cite>, 1998</li>
  <li><cite>トイ・ストーリー</cite>, 1995</li>
  <li><cite>モンスターズ・インク</cite>, 2001</li>
  <li><cite>カーズ</cite>, 2006</li>
  <li><cite>トイ・ストーリー2</cite>, 1999</li>
  <li><cite>ファインディング・ニモ</cite>, 2003</li>
  <li><cite>Mr.インクレディブル</cite>, 2004</li>
  <li><cite>レミーのおいしいレストラン</cite>, 2007</li>
 </ol>
</figure>

↓↓↓

ブラウザ上の表示

好きな映画トップ10
  1. プッシーキャッツ, 2001
  2. Црна мачка, бели мачор(黒猫・白猫), 1998
  3. バグズ・ライフ, 1998
  4. トイ・ストーリー, 1995
  5. モンスターズ・インク, 2001
  6. カーズ, 2006
  7. トイ・ストーリー2, 1999
  8. ファインディング・ニモ, 2003
  9. Mr.インクレディブル, 2004
  10. レミーのおいしいレストラン, 2007

■関連項目

  • <ol> …… 順序のあるリストを表す
  • <ul> …… 順序のないリストを表す
  • <li> …… リスト項目を表す
  • <dl> …… 記述リストを表す
  • <dt> …… 記述リストの名前を表す
  • <dd> …… 記述リストの値を表す
  • <menu> …… ツールバーを表す
広告



カジノファインダー

どのカジノが自分に最適か分からないですか?

Easily find your perfect casino in under a minute, no sign up necessary.