HTML CSS导航栏(IE7 + Tablet兼容) - 这是一个很好的代码吗?

时间:2014-02-19 01:22:42

标签: html css navigation responsive-design seo

我有大约15个内容页面,可以分为5个子类别。子类别没有自己的页面,因为我没有为他们创建的特殊内容。

我想最好的导航将是这5个类别的下拉菜单。

基本上它需要是SEO友好的,所以我猜它不能在JavaScript中,只有HTML与CSS。它还需要符合多浏览器(IE7及更高版本),这意味着没有CSS3。

另一个考虑因素是平板电脑用户,他们也需要能够浏览。

我发现this tutorial是否有任何缺陷?

1 个答案:

答案 0 :(得分:1)

一般来说,

  • 只要链接在页面上正确显示,即使javascript被禁用,也可以使用javascript (SEO-wise)。

  • 可以使用CSS3 ,只要你使用“破碎的自动扶梯”原则 - “没有破坏的自动扶梯,它只是楼梯!”。确保如果用户没有CSS3,他仍然可以使用菜单。 (例如,即使动画不起作用)

  • 这似乎是一个很棒的教程。开始学习它,并尝试在您想要支持的所有最终用户设备上创建的示例。如果您想要的功能不起作用,请谷歌寻求解决方案(或StackOverflow!)

祝你好运〜