1

我正在建立一个响应式网站。桌面版在页脚内的底部有导航。当媒体查询开始时，我希望我的导航变成顶部的下拉菜单。这需要不同的 html 设置，因此仅 css 无法正确移动它，因此仅媒体查询无济于事。

话虽如此，我将需要 html 中的 2 组导航链接。一种用于台式机，一种用于移动设备。一个人当然会得到“显示：无；” 基于当前的媒体查询。

谷歌对此有任何处罚吗？我的意思是几乎所有网站在相同的页面上都有多个链接到相同的 url，所以我不认为重复的内容，但源代码会在源代码中说 #na​​vigation_desktop 和 #navigation_mobile。

我希望我可以对两者使用相同的导航，但单独的 css 可以正确移动它。其简单的不同编码和 div 结构。对此有任何意见吗？

4

1 回答 1

2

我非常怀疑你会受到惩罚 - Googlebot 非常聪明。如果您担心 HTML5 规范中有一个<nav>元素可以与页面内容进行明确的语义区分。

w3 页面建议您仍然照常标记列表，例如：

<nav>
  <ul>
    <li><a href="#">link
    <li><a href="#">link ...
  </ul>
</nav>
于 2013-04-02T19:40:18.373 回答