xHTML 正确性问题和快速 CSS 浮动问题答案

【问题标题】：xHTML correctness question and quick CSS float questionxHTML 正确性问题和快速 CSS 浮动问题
【发布时间】：2021-02-06 05:44:45
【问题描述】：

我写信只是想询问对于 xHTML 和 CSS 问题更正确的方法。

对于 HTML：

假设我有一个列表：苹果，香蕉，和胡萝卜

这样会更正确吗：

<ul> <li> Apples </li> <li>  Bananas </li> <li> Carrots </li> </ul>

或者这会是：

<ol> <li> Apples </li> <li>  Bananas </li> <li> Carrots </li> </ol>

对于 CSS 来说，在一个元素被浮动之后，可以使用哪个属性来恢复流到块对齐？

非常感谢。

【问题讨论】：

取决于列表的上下文。 ul = 无特定顺序的无序列表，ol = 特定顺序的有序列表。对于浮动，您的意思是移除浮动？浮动：无。
@l3fty 是的，我知道两者之间的区别，但是对于这种情况，什么更正确呢？另外，我认为您可以调用一些东西来恢复浮动元素周围的流动？不过，我不太确定它是什么。
就像我说的，取决于上下文。 Apples, Bananas, Carrots 没有提供任何上下文。如果您只是列出水果，它将是无特定顺序的无序列表。我不确定您所说的恢复流程是什么意思。也许你在谈论clearfix？
列表排序的情况，例如按字母顺序，并且这是列表含义的一部分，那么 ol 将是合适的，但如果它只是任何旧的水果列表并且它赢了'如果说芒果被插入顶部，那么 ul 将是合适的。

标签： html css xhtml css-float html-lists

【解决方案1】：

ul 元素代表“无序列表”，这意味着它是按顺序排列的（正确的英文方法是 no 表示无序列表）。 ol 元素代表“有序列表”。此列表是否有意排序？如果您按字母顺序排列它们，那么我会考虑使用 ul 元素，因为它更多的是技术性而非生死攸关的重要性。

您可以同时使用display 和float。一般来说，您应该查看CSS display property。随着flexbox 支持的改进和错误已经解决，我已经迁移到使用它并保留float 用于巧妙的技巧，例如将它应用于嵌套在一堆段落元素中的图像。

还有一些制作六位数的人不知道的事情：XHTML 和 HTML5 并不反对。我的平台使用 XML 解析器，而代码是 HTML5。解析器获取文本并确定如何解释它以进行处理。 XML 解析器非常严格（虽然不是完全严格，每个浏览器引擎也各不相同，目前 Gecko 的表现更出色），而 HTML 解析器不介意您的前草坪上是否到处都是流浪汉，并且可能会在它知道你在看。

【讨论】：