DOM 树中固定位置元素的位置是否重要？

Question

这个问题想了很久，还是没有找到原因。

它可能很重要的一个原因是它的位置是否可以切换，因此它的非固定位置确实很重要。

但是对于像 Modal 这样的其他东西，这有关系吗？我之前使用过模态库，它们将模态库放在 DOM 中的位置的实现各不相同。

• 有些具有可切换的永久模态元素（仅通过状态或仅添加类）
• 有些会在结束正文标记之前创建/删除元素
• 在使用基于组件的框架等情况下，只需将它们导入到您要使用的任何位置。

话虽如此，这让我很好奇为什么这些库之间固定位置元素在 DOM 树中的位置不同，除了它们有不同作者等显而易见的原因。

这仅仅是偏好吗？还是有什么原因？

Answer 1

重要的是您的文档应该具有良好的语义组织（semantic markup 和逻辑文档结构的组合）。内容应以合理、有序的方式呈现。然而，这可以通过使用诸如 ARIA 属性之类的工具来克服，这些工具会在显示模态内容时引起人们的注意。

如果您的固定元素是静态的，则应将其包含在适当的位置。主导航应该很高，切向相关的内容应该低于或与其相关的内容相邻。