我正在尝试创建一个导航栏,该导航栏将位于我所有页面的网站顶部。
我对 Raphael 库使用的代码更加熟悉,而且它比创建一堆图块和相应的 JavaScript 对我来说要简单得多。
将画布用于这些目的有什么问题吗?
有没有人有更好的主意?
提前感谢您的任何建议。
更新:渲染速度有问题?同样,我完全愿意接受其他建议!
我正在尝试创建一个导航栏,该导航栏将位于我所有页面的网站顶部。
我对 Raphael 库使用的代码更加熟悉,而且它比创建一堆图块和相应的 JavaScript 对我来说要简单得多。
将画布用于这些目的有什么问题吗?
有没有人有更好的主意?
提前感谢您的任何建议。
更新:渲染速度有问题?同样,我完全愿意接受其他建议!
简短的回答:可能不是最好的主意。
更长的答案:正如 Chimp 所暗示的那样,将画布用作关键元素肯定是个坏主意,因为不支持 javascript 和/或不支持画布的浏览器(包括网络蜘蛛和用于各种感知差异(失明等)的浏览器)) 什么也看不见。(对于人们来说,这意味着他们不会找到您的子页面。对于网络蜘蛛(Google 等)来说,这意味着没有人会找到您的子页面。)
如果你想使用 Raphael 或其他基于画布的解决方案,为了可访问性,你应该从一个基于 html 的导航元素开始(就像多年来一直在做的那样 div 中的 ul li),然后你将在页面时通过 javascript 替换它加载(有关如何执行此操作的示例,请参阅HTML5 Canvas replace to <div> (包括 jsfiddle 链接)
这不是最好的主意的原因是,您需要确保您的 html nav 元素与基于画布的元素保持同步 - 尽管我猜如果它是由服务器端进程(例如 wordpress)生成的,它不会太多更多的工作来构建 html nav 元素,然后你只需要定期测试它以确保它正常工作。