html中的<g>标签是什么意思？w3school上也没找到相关资料。

html-css010

html中的<g>标签是什么意思？w3school上也没找到相关资料。,第1张

g标签为svg常用的标签，详细用法如下：

g用于把相关元素进行组合的容器元素。

在svg中提供了如g元素这样的将多个元素组织在一起的元素。由g元素编组在一起的可以设置相同的颜色，可以进行坐标变换，举例：

<?xml version="1.0" standalone="no"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"

"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"

xmlns="http://www.w3.org/2000/svg">

<g fill="dodgerblue">

    <rect x="10" y="10" width="40" height="40" ry="10" />

    <rect x="80" y="80" width="40" height="40" ry="10" />

    <rect x="150" y="150" width="40" height="40" ry="10" />

</g>

</svg>

代码如下：

<b><font face=times color=#0039b6 size=10>G</font><font face=times color=#c41200 size=10>o</font><font face=times color=#f3c518 size=10>o</font><font face=times color=#0039b6 size=10>g</font><font face=times color=#30a72f size=10>l</font><font face=times color=#c41200 size=10>e</font> </b>

效果如下：