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

Question

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

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

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

• 有些有一个永久的模态元素，可以切换（简单地通过状态或只是添加一个类）
• Some 在结束 body 标记之前创建/删除元素
• 在使用基于组件的框架的情况下，只需将它们导入到您使用它的任何位置。

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

这只是简单的偏好吗？或者背后有什么道理？

标签： javascripthtmlcss

Answer 1

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

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