我正在编写一个响应式网站，在桌面版本上我希望导航出现在左侧，但在移动版本上我希望它出现在主要内容下方。我在http://abbymilberg.com/layout-sample.html上通过改编一个众所周知的网格系统提出了解决方案。
一位同事说它违反了标准，因为 div 的视觉顺序（在桌面版本上）与它们在标记中的顺序不同。不过，他似乎无法提供这违反了哪个标准。我知道这违背了所有网站都是基于桌面的时代的传统期望，但是任何人都可以为我提供一个具体示例，说明这实际上违反了哪个标准（508、WC3 等）的哪个部分？我对讨论您是否认为这是一种好的做法不感兴趣，只是它是否违反了明确的标准。谢谢。
据我所知，这并不违反任何记录在案的标准。在源排序方面，通常最好在不应用脚本或样式的情况下记录对用户有意义的文档。毕竟，您最终无法真正控制它如何为他们渲染！
至于在实践中是否真的是一个好主意，您需要进行一些用户测试并找出答案。我有兴趣看看结果！
从语义和可访问性上讲，您的同事是对的。因为如果你去掉css，div的排列就没有意义了，因为大多数导航代码都在代码的标题/顶部。
能给我们提供代码和截图吗？
这不会以任何方式违反任何文件标准。
文档标准是一组要遵循的规则，没有关于如何安排网站布局的“规则”。所以在语义上、句法上和技术上，不，你没有违反任何规则。
然而，这可能不被视为“最佳实践”。最佳实践并不是真正的规则，它们是帮助您使您的网站达到最佳状态的指南。我不确定这是否会被认为是最佳实践，因为可以提出这样的论点......如果您的布局非常奇怪，以至于您有很多内容落在您网站的主要内容之前，那么自从机器人阅读从左到右从上到下，这可能会损害您的搜索排名，因为它使谷歌更难理解您的页面是关于什么的。