问题 如何在CANVAS中创建整个网站?


我正在从头开始设计一个新网站,并想知道在CANVAS元素中开发整个网站可能有什么缺点。

我知道IE6 / 7/8的兼容性问题,但这对这个项目并不重要。但我确实关心谷歌搜索引擎的行为和移动兼容性。

我选择这种方式的主要原因是能够编码高级效果和动画,而不是纯HTML5 / CSS的元素和图片。


11605
2017-08-13 03:35


起源

也许把你的搜索引擎相关的文本内容放在画布上作为常规html和你在画布上绘制的设计?我的意思是,当然你不想在文本上制作视觉效果,因为没有人会读到这些。但是你可能会遇到太多麻烦,试图重新发明轮子说,做一个流畅/弹性的布局? - Delta
确实,你明白了我的观点。第一个想法是在巨大的CANVAS上创建一个浮动HTML,一旦我可以编写一些背景效果,甚至复制任何HTML元素并在CSS3 / JS限制之外制作动画。 - Pablico Segundo


答案:


Canvas是光栅图形的元素。它对于页面的某些部分很有用,但对于整个页面则不然。页面是文档。它也需要机器可读。如果您的整个网站都包含画布,那么搜索引擎机器人,屏幕阅读器,浏览器插件和其他软件将无法访问它。使用画布创建网站就像使用绘图程序而不是文字处理器准备文档。这是可能的但不实用。对于一个实验来说可能是一个好主意,但如果你是为生产做这个,那么你应该重新考虑。


16
2017-08-13 04:02



因此,建议将canvas元素完全用于“web应用程序”而不是“网站”,因为搜索引擎机器人不会阅读它。 - EternallyCurious
是的,许多Web应用程序输出到canvas元素以显示数据 - Dean Meehan