显示内容的最佳做法

Question

我正在开发一个Web应用程序，我已经考虑过使用CSS隐藏或显示一些内容/选项，或者根据需要使用AJAX请求动态标记它们。但是，我也可以在加载时标记所有内容，只需使用CSS来隐藏或显示内容。我知道它可能意味着更繁忙的DOM，但似乎CSS比AJAX请求更快捷。这有什么优点和缺点？我们非常感谢您的建议以及您推荐推荐内容的原因。

Answer 1

如果您预先拥有内容并且不需要根据用户输入动态加载它，请务必将其加载到DOM中语义上合理的位置，然后使用CSS显示或隐藏它。

以下是一些原因：

1. 禁用Javascript的用户仍然可以获取所有内容
2. 为了使页面AJAXy变得多出来似乎很愚蠢，真正的杀手就是HTTP请求的数量，保持低位

以下是一些否定因素：

1. 正如你所说，DOM变得混乱，并且屏幕阅读器可能会收集一堆隐藏的内容并不是很好。
2. 如果某些内容在加载页面和单击按钮之间发生了变化，则无法提供修改后的内容。 AJAX可以让您提供绝对最新鲜的内容，而且这种能力已经消失。

所以真的归结为：

• 您的目标受众是否关闭了Javascript，或可以他们？
• 您是否担心来自多个HTTP请求的用户浏览器负载？
• 您的目标受众是否使用屏幕阅读器查看您的网站，其中隐藏的内容会导致混乱的音频片段，或可能他们？
• 放入页面的内容是否经常更改以便进行AJAX调用？

这些问题的答案应该以某种方式推动您的设计。