<circle> html标记的用途是什么？

Question

如果您可以使用border-radius轻松且更直观地制作圆圈，那么圆圈的专用标记有什么意义？内联样式被吹捧为不好的做法，因此我不会在DOM中使用非直观属性来制作圆圈的吸引力。

Here is Optimizely using <circle> for semi-transparent grey circles in the landing page

我所知道的帖子没有，或者MDN参考对<circle>标记有用。 W3C参考也没有用，因此这篇文章。

Answer 1

HTML中没有<circle>元素。它是an SVG element。

SVG是一种矢量图形语言，因此<circle>对于它来说是非常合理的。

（HTML允许SVG在其中embedded。）

Answer 2

<circle>是SVG元素。

<circle>元素用于创建圆圈：

这里看到的是WSO2 documentation和解释。

Answer 3

circle标签用作svg元素形状。这有助于在不使用图像的情况下绘制圆形。

您可以查看w3schools以获取参考资料并详细阅读。 ：）

Answer 4

当我进行圆圈显示时，我宁愿使用border-radius: 100%;。但是你可以使用<circle> SVG code来制作它，

可在此处找到更多信息http://www.w3schools.com/svg/