XML和SVG的简单了解

什么是XML，对于只学过HTML，CSS，JS的我，不懂。下面就浅浅学下，后期再深入了解。

• XML 指可扩展标记语言（EXtensible Markup Language），XML 是独立于软件和硬件的信息传输工具

• XML 是一种标记语言，很类似 HTML

• XML 的设计宗旨是传输数据，而非显示数据

• XML 标签没有被预定义，XML 允许创作者定义自己的标签和自己的文档结构。

• XML 被设计为具有自我描述性。

• XML 是 W3C 的推荐标准

  XML与HTML的区别

  XML 被设计为传输和存储数据，其焦点是数据的内容。

  HTML 被设计用来显示数据，其焦点是数据的外观。

  HTML 旨在显示信息，而 XML 旨在传输信息。

  XML的实质(可以自定义标签的名字)

XML 没什么特别的。它仅仅是纯文本而已。有能力处理纯文本的软件都可以处理 XML。

不过，能够读懂 XML 的应用程序可以有针对性地处理 XML 的标签。标签的功能性意义依赖于应用程序的特性。

SVG标签

自我理解：就是用XML格式定义的文件，就是用文本文件来表示的可缩放矢量图形

SVG 是使用 XML 来描述二维图形和绘图程序的语言。可以写在HTML文件里。

什么是svg??

• SVG 指可伸缩矢量图形 (Scalable Vector Graphics)

• SVG 用来定义用于网络的基于矢量的图形

• SVG 使用 XML 格式定义图形

• SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失

• SVG 是万维网联盟的标准

• SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体

svg文件推荐使用.svg作为扩展名

代码解析：xmlns 属性可定义 SVG 命名空间。

stroke 和 stroke-width 属性控制如何显示形状的轮廓。我们把圆的轮廓设置为 4px 宽，红色边框。

fill 属性设置形状内的颜色。

svg在html中

SVG 文件可通过以下标签嵌入 HTML 文档：<embed>、<object> 或者 <iframe>。

SVG的代码可以直接嵌入到HTML页面中，或您可以直接链接到SVG文件。

（1）<embed src="circle1.svg" type="image/svg+xml" />

（2）<object data="circle1.svg" type="image/svg+xml"></object>————不允许使用脚本

（3）<iframe src="circle1.svg"></iframe>

（4）查看 SVG 文件-——————使用a标签直接连接一个svg文件