xmlplus组件设计系列之图标（ICON）(1）

网页上使用的图标分可为三种：文件图标、字体图标和 SVG 图标。一种是直接由 HTML 元素 img 的 src 属性给出。注意组件 Icon 巧妙地使 id 属性值与图片文件名关联，这样可以避免创建额外的属性。另一种引用 PNG 图标的方式是给相应的对象添加这种形式与前面由 img 标签给出的图标有许多相似之处。不同的是，前者动态指定的是 img 标签的 src 值 ，而后者动态指定的则是 div 元素的 css 样式。这种类型的图标内容定义在样式项中，HTML 元素通过类名进行关联。在 xmlplus 中，SVG 图标是推荐的图标使用形式，它允许直接嵌入代码，无需额外引用相关文件。这是一个钩形图标，组件中仅包含视图项以及函数项成份。其二，你失去了对 SVG 图标的操作权。本系列文章基于 xmlplus 框架。