HTML UL LI元素(列表元素)有多贵?

时间:2015-03-22 21:01:16

标签: html css html-lists filenames pre

我想在ports-readmes fork中为每个OpenBSD port/package添加一个文件名列表,类似于ports-readme-dancer的方式。

但是,我注意到ports-readme-dancer页面在我的Mozilla SeaMonkey中滚动有点慢。来源表明每个文件名都是无序列表的一部分,其中包含list-style: none;font-family: courier;

我最好是如上所述为每个文件名使用li,还是将它们全部收集到一个pre中?

每个人lipre中的一行文字相比有多慢?例如,www/apache-httpd-openbsd必须列出 500 文件名,在Mozilla SeaMonkey中滚动似乎很慢,每个都是单独的li

1 个答案:

答案 0 :(得分:1)

列表使用列表元素li

问题无效。 li元素本身不能很慢,缺少性能上下文。因此lipre一样快,速度慢。

每个标记都是需要渲染的DOM节点。使用CSS选择器选择DOM节点对于大量DOM节点来说非常快。根据DOM节点数量,Javascript选择器将受到更大的影响。

对于滚动,你不会得到任何明显的性能差异。