HTML CSS Navigation bar (IE7 + Tablet compatible) - 这是一个好的代码吗?

标签 html css navigation responsive-design seo

<分区>

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

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

基本上它需要对 SEO 友好,所以我猜它不能用 JavaScript,只能用 HTML 和 CSS。它还需要兼容多浏览器(IE7 及更高版本),这意味着没有 CSS3。

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

我找到了 this tutorial它有什么缺陷吗?

最佳答案

一般来说,

  • 可以使用 javascript(搜索引擎优化),只要链接在页面上正确显示,即使 javascript 被禁用也是如此。

  • 而且您可以使用 CSS3,只要您遵循“Broken Escalator”原则——“没有像坏掉的自动扶梯这样的东西,它只是楼梯!”。确保如果用户没有 CSS3,他仍然可以使用菜单。 (例如,即使动画不起作用)

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

祝你好运~

关于HTML CSS Navigation bar (IE7 + Tablet compatible) - 这是一个好的代码吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21869079/

相关文章:

html - 如何防止固定位置标题超出浏览器的宽度

html - 折叠时 Bootstrap 3 导航栏链接在品牌下

html - 如何为 Objective-C 编写正则表达式?

javascript - 为什么IE9告诉我不支持音频,但支持其他音频

javascript - 使用 php 在 html 表中显示 mysql 行内容

iphone - 每次重新加载图像高度都会增加

javascript - 通过检查 Span 文本将 CSS Class 添加到 Div

css - 具有专门组件的 BEM 样式命名

jquery - 导航 - 固定

html - CSS:设置下拉菜单列表的样式,但链接样式不会从主导航样式改变