SVG虽然是用于图形，但它是XML标准，这是它作为数据传递最重要的一点

SVG就是可以无极缩放,鼠标交互动作支持的好

SVG跨平台（软件）矢量，缩放只要该参数，你html+css没有浏览器了咋办？缩放用translate:scale么？

其实说实话，我还挺好奇你怎么用html+css来实现的，希望能给个例子或者思路，谢谢！

我能想到的需要实现的功能
1. 可以拖动
2. 可以记录位置
3. 可以记录相关模块之间的关联关系，例如父子，兄弟节点

HTML 是超文本链接语言，原本用于描述页面之间的关系，目前主要用于描述页面（page)，从 html5 规范的语义标签就可以看出，html 不关心“图形”，而关心“文档”，也就是关注标题、段落、文章、文档之间的关联等问题，至于文档的显示效果，由CSS处理。

SVG 是可缩放矢量图形，本身就是一种对“图形”的描述方案。

两者都是 XML 在具体领域的应用，由于定位不同，规范所支持的标签、语义也不同。

从这样的角度看，题主的问题其实是关于“用来表达脑图的文件，到底应该是一种文档还是一种图形?”的问题。

这个问题嘛，我觉得见仁见智的了，因为计算机中的“脑图”到底应该是怎样理解，要看你如何理解你的业务。反正从百度的做法看来，百度认为脑图是一种图，所以他们选用了SVG。