HTMLでLIタグの値を設定する

Question

私は＃値を設定する必要がある順序付きリストを持っています。ような何か：

<ol> 
<li ShowValue=34>apple</li> 
<li ShowValue=45>pear</li> 
<li ShowValue=55>car</li> 
</ol> 

だから彼らは私が

34.apple 
45.pear 
55.car 

を割り当てる番号を表示すること、それが示すべき数LIを伝える方法はありますか？

Answer 1

あなたはHTML 4.01を使用する場合は、これを行うことができます。

<ol> 
    <li value="34">apple</li> 
    ... 
</ol> 

富栄通知this is deprecatedいます。

Answer 2

並べ替えられていないリストをとり、その中に数字を書き込むのはどうですか？

<ul> 
    <li>34. apple</li> 
    <li>45. pear</li> 
    <li>55. car</li> 
</ul> 

リストの箇条書きを非表示にする必要があります。使用する場合は

ul { 
    list-style-type: none; 
} 

です。

Answer 3

どのようにHTMLが生成されているかによって異なります。それは静的だ場合は、単純に働くだろうに値を入力する：それは、サーバー側を生成したかどう

<li value="35">35.apple</li> 

、あなたは、サーバーのコードでそれを追加することができます。

第3の方法は、jQueryを使用してコンテンツがレンダリングされた後に変更することです。

Answer 4

HTMLのアプローチ：

<ol start="34"> 
    <li>apple</li> 
    <li>pear</li> 
    <li>car</li> 
</ol> 

これはCSSの賛成でHTML4では推奨されていませんが、コンテンツを生成：

<style type="text/css"> 
    .mylist { counter-reset: mycounter 34; } 
    .mylist li { counter-increment: mycounter; list-style-type: none; } 
    .mylist li:before { content: counter(mycounter) ". "; } 
</style> 

<ol class="mylist"> 
    <li>apple</li> ... 
</ol> 

は、これはその中でいくつかの利点があります。また、リストをリセットすることなく経由で実行させることができます（あなたが以前のリストに33の他のものを持っているならば）。しかし、IE6/IE7では動作しませんので、今は忘れてしまいます。

<ol start>（および<li value>）の廃止は、いくつかの論争の問題です。多くの（自分自身を含む）人は、リスト番号が継続リストの一般的な場合のプレゼンテーションよりもコンテンツに近いので、間違いであったと信じています。 HTMLのハッキングは間違いなく嫌ですが、IMOのCSSの回避策は悪いです。

とにかく、HTML5にはこれらの属性が含まれています。引き続き<ol>が必要な場合は、HTML start/valueの属性を使用し、HTML4/XHTML1 Transitional DOCTYPEまたはHTML5のいずれかを使用します。

Answer 5

属性を使用して数値を出力しないでください。これは、リストアイテムの目的ではなく、このように使用することで要素セマンティクスに違反します。 ol要素は順序付きリストです。つまり、そのリスト内のリスト項目は、メタデータ列挙を持たない順序付けられていないリストとは反対の順序を表す列挙されたメタデータ値を有するため、リスト項目の位置に関係なくリスト項目の集合に過ぎない他のリストアイテムと比較して

あなたが試みていることは、プレゼンテーション機能です。 HTMLはプレゼンテーション言語ではありません。

#custom-item:before { 
    content: "35."; 
} 

詳細についてはこちらの記事を参照してください：それは*可能性*が、廃止予定である http://www.alistapart.com/articles/taminglists/