求SVG中影响父元素的子元素完整列表及检查时机

嘿，这个问题问得很到位！SVG里确实有不少子元素是专门用来给父元素添加元数据、样式或行为的，不用写在父元素的属性里，直接嵌套进去就行。我整理了一份完整的列表，你可以参考：

• <title>：这是最常用的一个，给你的父元素（比如分组<g>、图形<path>）加一个简短的可访问性标题，屏幕阅读器会优先读取这个内容。它只会绑定到自己的第一个父元素，一个元素只能有一个<title>哦。
• <desc>：和<title>是好搭档，用来写更详细的描述文本，同样只作用于第一个父元素，比如给复杂的图标分组加一段说明，帮助用户理解元素用途，也是提升可访问性的关键元素。
• <metadata>：用来存储机器可读的元数据，比如版权信息、自定义标识数据，不会影响元素的视觉表现，但可以被SVG编辑工具或脚本读取，作用范围限定为第一个父元素。
• <script>：如果把脚本直接嵌套在某个元素内部，这个脚本可以专门针对该父元素做操作（比如绑定事件监听），不过这种用法不如全局脚本常见，但确实是SVG规范允许的。
• <style>：给父元素设置局部样式作用域，里面写的CSS规则只对这个父元素以及它的所有后代元素生效，不会影响外部元素的样式。
• 动画系列元素：<animate>、<animateTransform>、<animateMotion>、<set>，这些作为子元素时，专门用来给父元素添加动画效果。比如给<g>嵌套<animateTransform>就能让整个分组旋转，动画直接作用于包含它的父元素。

需要注意的是，这些元素的作用对象都是第一个直接父元素，如果嵌套在更深的子元素里，就只会作用于那个子元素啦。所以你在检查的时候，只要看元素的直接子节点里有没有这些标签，就能判断它们是不是在给父元素添加相关属性或行为。

内容的提问来源于stack exchange，提问作者W0lfw00ds