使用 JS Raphael 创建导航栏。馊主意？好主意？

Question

我正在尝试为我的所有页面创建一个位于我网站顶部的导航栏。

我对 Raphael 库使用的代码更加熟悉，而且它比创建一堆图块和相应的 JavaScript 对我来说要简单得多。

将画布用于这些目的有什么问题吗？

有人有更好的主意吗？

提前感谢您的任何建议。

更新：渲染速度有问题？同样，我完全愿意接受其他建议！

Answer 1

简短回答：可能不是最好的主意。

更长的答案：正如 Chimp 所暗示的，将画布用作关键元素肯定是个坏主意，因为不支持 javascript 和/或不支持画布的浏览器（包括网络蜘蛛和用于各种感知差异的浏览器（失明等））什么也看不见。 （对于人们来说，这意味着他们不会找到您的子页面。对于网络蜘蛛（Google 等）来说，这意味着没有人会找到您的子页面。）

如果您想使用 Raphael 或其他基于画布的解决方案，为了可访问性，您应该从基于 html 的导航元素开始（就像多年来一直在使用的 div 中的 ul li），然后您将通过 javascript 替换它当页面加载时（请参阅HTML5 Canvas replace to <div> 了解如何执行此操作的示例（包括 jsfiddle 链接）

这不是最好的主意的原因是，您需要确保您的 html nav 元素与基于画布的元素保持同步 - 尽管我猜它是否是由服务器端进程（例如 wordpress）生成的构建 html nav 元素不需要太多工作，然后您只需要定期对其进行测试以确保其正常工作。