我当然不知道! Tomek Sułkowsi 展示了如何使用简单的 HTML 属性反转有序列表的编号
<ol reversed>
<li>Apple</li>
<li>Banana</li>
<li>Pear</li>
</ol>
并且可以添加 start
属性以从除 1 之外的数字开始列表,如下所示
<ol start="2">
<li>Apple</li>
<li>Banana</li>
<li>Pear</li>
</ol>
我不确定我怎么会不知道这些属性!我想我能理解它们将来如何派上用场。在 CSS-Tricks 上,我们有很多时候需要用代码块之类的东西来分割有序列表,并且能够在列表中断开的地方继续列表是一种很方便的功能。
你好。
我已经使用这个一段时间了。
并且视觉效果很好。
但是 Google 无法识别它。
我喜欢在我的前 10 名列表中使用反向列表技巧。因为从 10 开始到 1 结束更有意义。
但是当 Google 在搜索结果页面中使用我的前 10 名列表时,它会将数字 10 显示为 1。因此最不重要的排在第一位。 :(
Google 会在搜索结果页面中显示 HTML
<ol>
吗?这很有趣。截图?@Emiel 您是否使用任何模式标记在 Google 搜索结果页面中显示您的列表?
有 itemListOrder 可能会有帮助。值得测试一下。
https://schema.org/ItemList
您好。我认为我无法在此处上传截图。但是是的,Google 使用 ol、ul,有时甚至使用 h2 和 h3 标签(取决于内容和标题)在搜索结果页面中位置 1 以上显示 ul 顶部列表。
由于排序问题,我之前实施了模式标记。根据 schema.org 的建议。标记在测试工具中没有错误。
不幸的是,在实施之后,我实际上在搜索结果页面中丢失了一些前十名列表页面。
它仍然是不可预测的。
看起来您提到的标记尚未被 Google 使用。(似乎只有网站管理员工具中显示的内容才是搜索结果页面中使用的符合要求的标记)。
简洁有效的技巧。之前从未知道这个有用的技巧。感谢与社区分享。“Reversed” 我已经在我的许多项目中使用了。“start” 在我们编写提示、列表以及每个要点之后,有一些描述时很有用。
太可惜了,没有 sort 属性可以
OL start 是 HTML3.2 规范的一部分。它在 HTML4 中已弃用,但在 HTML5 中又回来了。我记得 23 年前在为昨天准备的糟糕的 html 工作中使用它来分割一个巨大的列表。