在HTML中设置li标记的值

如果使用HTML 4.01,可以执行以下操作:

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

BU注意到 this is deprecated .

拿一张无序的清单,把号码写进去怎么样?

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

那你就得把清单上的项目符号藏起来。使用

ul {
    list-style-type: none;
}

为此。

HTML方法:

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

这在HTML4中已被弃用,取而代之的是CSS生成的内容:

<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黑客是公认的令人讨厌的,但在我看来,CSS的解决方案更糟。

总之,HTML5重新包含了这些属性,因此它们不会消失。如果继续 <ol> S是必要的,我会坚持使用HTML start / value 属性,并使用html4/xhtml 1 transitional doctype或html5 doctype。

这取决于如何生成HTML。如果它是静态的,那么只需在中键入值就可以了:

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

如果它是在服务器端生成的,那么您可以将它添加到服务器代码中。

第三种方法是使用jquery在呈现之后修改内容。

不要使用属性输出数值。这不是列表项的用途,以这种方式使用它会违反元素语义。ol元素是一个有序的列表。这意味着该列表中的列表项具有枚举的元数据值,该值表示与无序列表相反的顺序,后者没有元数据枚举,因此只是列表项的集合,而不考虑列表项相对于其他列表项的位置。

您尝试的是演示功能。HTML不是表示语言。使用应使用CSS:

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

有关详细信息,请参阅本文: http://www.alistapart.com/articles/taminglists/