什么是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文件