html - HTML UL LI 元素(列表元素)有多贵？

Question

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

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

像上面那样对每个文件名使用 li 还是将它们全部收集在一个 pre 中会更好？

与 pre 中的一行文本相比，每个单独的 li 有多慢？ 例如，www/apache-httpd-openbsd将不得不列出大约 500 文件名，并且在 Mozilla SeaMonkey 中滚动似乎很慢，每个文件都是一个单独的 li。

Answer 1

对于列表，使用列表元素li。

问题无效。 li 元素本身不能慢，缺少性能上下文。所以 li 和 pre 一样快也一样慢。

每个标签都是需要渲染的DOM节点。使用 CSS 选择器选择 DOM 节点对于大量 DOM 节点来说非常快。 Javascript 选择器将根据 DOM 节点数量获得更大的成功。

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