【问题标题】:CSS tag renderingCSS标签渲染
【发布时间】:2010-11-30 15:51:12
【问题描述】:

对于导航菜单,我使用ul li。如果我使用olli,性能会有什么变化吗?

【问题讨论】:

  • 我认为您在某个地方存在根本性的误解。您不应该尝试优化您的 HTML 以提高性能。
  • 在这种情况下没有,但是如果您有大量数据或大量流量,您可以尝试“优化” HTML 以使其更小或加载更快(这里不讨论 ol 与 ul )。

标签: html css


【解决方案1】:

我认为唯一的区别是ul是无序列表,ol是有序列表。我认为这不会有任何性能问题。就算有也看不出来。

ol 用于有明确的显示顺序的地方。

ul 用于事物的顺序无关紧要时。

有关更多详细信息,另请参阅此 SO 帖子

when to use UL or OL in html?

【讨论】:

    【解决方案2】:

    同意其他人的意见。如果您使用 ol 而不是 ul,您将不会获得更低(或更高)的性能。

    【讨论】:

      【解决方案3】:

      不,不应该有。至少用户或开发人员不会注意到任何事情。

      通常导航菜单由没有特定顺序的链接组成(除了您放置 em 的那个),这就是人们使用无序列表 (ul) 的原因。这只是一个合乎逻辑的决定,您可以在使用 ol 的同时轻松模拟 ul,反之亦然,使用 css 和可能更多的文本。

      【讨论】:

        【解决方案4】:

        唯一的区别是<ol> 有编号而不是项目符号,但在性能方面没有区别。

        添加一些 CSS 可以使两者看起来一样:

        ol {
        list-style:none;
        }
        
        or
        
        ul {
        list-style:none;
        }
        

        【讨论】:

          猜你喜欢
          • 2015-01-22
          • 1970-01-01
          • 1970-01-01
          • 2011-09-17
          • 2016-10-01
          • 2015-05-16
          • 2012-12-31
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多