使用SVG代替html / css

Question

我一直在Adobe Illustrator中嘲笑着陆页，我即将开始编码。

有没有理由我不应该将整个页面导出为SVG并使用它来代替重新创建html / css中的所有内容？

我能想到的唯一缺点是：

1. SEO，因为我没有定期发短信 （很容易从SVG中删除文本并在html中重新创建）

2. 用户互动（按钮等） （与SEO问题相同的解决方案）

3. 对在不同视口大小重新定位的元素的响应性。 （更棘手;但已经为不同的设备尺寸模拟了几个不同的布局，所以我可以提供不同的版本）

我怀疑是否有我失踪的东西，因为我无法在网上找到解决此问题的方法。

一些澄清：

• 我认为SVG兼容性在IE9之前变得狡猾，但我的产品涉及Chrome扩展，所以这不是一个大问题

• 我的设计灵感源自Material Design，所以有很多彩色的div和＆amp;类似。这是一个很好的近似值（source）：

  

虽然最好用HTML / CSS / JS处理按钮和文本，但我对其余部分（即图像和布局组件）无法处理的原因感兴趣。 /一个SVG。

Answer 1

如何在页面底部使用动态页面内容在SVG中添加页脚？

我认为主要区别在于SVG是一个固定高度和宽度的画布，html文档有一个动态大小的窗口。