html - 通过 HTML 或 CSS 呈现顺序

Question

最佳做法是改变网页上元素的呈现顺序。例如，我有两个要在页面上显示的 DIV:

<div id="appleSection" class="appleStyle">
    <!-- Apple DIVs, content, form elements, etc -->
</div>

<div id="orangeSection" class="orangeStyle">
    <!-- Orange DIVs, content, form elements, etc -->
</div>

根据用户的选择(可能按国家或其他)，当用户更改他们选择的国家时，DIV 呈现给用户的顺序可能会有所不同。某些国家选择在 orangeSection 上方显示 appleSection，而对于其他选择，它们的顺序是相反的。

如果页面的核心逻辑无论如何都是相同的，那么在服务器端确定顺序是最佳实践(可能通过 DIV 顺序不同的两个页面)，还是更合适只是一个页面并使用 CSS 来控制 appleSection 是在 orangeSection 之上还是相反？

Answer 1

选择的顺序是否必须立即更改？比如，当用户选择一个国家时它是否必须改变？还是预渲染？

如果是后者，我会从服务器端进行。我会发送某种旗帜。假设您使用的是 JSTL 或 ASP 或其他东西，您可以根据标志的值控制顺序。我认为两个页面做同样的事情不是一个好主意，因为那是代码的重要重复。

如果它必须根据用户交互进行更改，我会使用类似 jQuery 的东西以及适当的 CSS(根据用户输入使用 jQuery 更改类)。