在HTML中设置LI标记的值

我有一个有序列表，需要为其设置#值。比如：

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

---

有没有办法告诉LI它应该显示什么号码？

拿一个无序的列表，把号码写在里面怎么样

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

---

这取决于HTML的生成方式。如果是静态的，则只需在中键入值即可：

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

苹果公司 如果它是在服务器端生成的，那么可以将其添加到服务器代码中

---

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

如果使用HTML 4.01，则可以执行以下操作：

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

苹果公司
...

请注意。

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>

.mylist{计数器重置：mycounter 34；}
.mylist li{计数器增量：mycounter；列表样式类型：无；}
.mylist li:在{content:counter（mycounter）“.”之前；}
苹果
。。。

这有一些优点，因为您还可以让列表在不重置的情况下运行（如果您在以前的列表中有33个其他内容）。但是，它在IE6/IE7中不起作用，所以您可以暂时忘记它

对

（和

）的反对是一个有争议的问题。许多人（包括我自己）认为这是一个错误，因为列表编号更接近内容，而不是在连续列表的常见情况下的表示。虽然HTML攻击是令人讨厌的，但在我看来CSS解决方案更糟糕

---

无论如何，HTML5重新包含了这些属性，所以它们不会消失。如果继续

是必要的，我会坚持使用HTML

start

/

value

属性，并使用HTML4/XHTML1过渡DOCTYPE或HTML5属性。

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

您正在尝试的是演示功能。HTML不是一种表示语言。使用应使用CSS：

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

---

有关详细信息，请参阅本文：

这是可能的，但已弃用。I.存在问题。。刚刚编辑的我的帖子“是，我们现在不知道lutz的话是什么意思。这将输出

35。35.apple

。但是，您不能更改JavaScript自动生成的列表标记的内容。。。您必须完全隐藏标记，并将数字放在主要内容中，就像Alex的回答一样。但是

li

的

值与表单字段的值不同。“value

属性（如果存在）必须是一个有效的整数，给出列表项的序号值。”仅供参考，当您在具有“有限HTML支持”的编辑器中在线发布文章时，此选项是一个完美的解决方案。

<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>

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