2016-05-06 10 views
1

Was ist der Zweck eines dedizierten Tags für einen Kreis, wenn Sie einfach einen einfach und intuitiv mit border-radius erstellen können? Inline-Styling wird als schlechte Übung angepriesen, daher bekomme ich nicht den Reiz, mit nicht intuitiven Attributen im DOM einen Kreis zu bilden.Was ist der Zweck des <circle> html-Tags?

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

Es gibt keine SO Beiträge, die ich kenne, oder MDN Referenzen hilfreich genug über den <circle>-Tag. W3C Referenz ist auch nicht hilfreich, daher dieser Beitrag.

Antwort

4

Es gibt kein <circle> Element in HTML. Es ist an SVG element.

SVG ist ein Vektor Grafiken Sprache, so <circle> ist eine vollkommen vernünftige Sache für sie zu enthalten.

(HTML ermöglicht SVG, embedded drin zu sein).

+0

Also sagen Sie, dass nicht jeder '' , die in der DOM erscheint, ist ein Element, ist das richtig? Wenn ja, wie kann man dann sagen, was ein "wahres" Element ist und was ein Zubehörelement oder wie es genannt wird? –

+1

@BarAkiva - Nein, ich sagte, es war kein HTML-Element. Es ist ein Element. Es ist ein DOM-Element. Es ist ein SVG-Element. – Quentin

-1

Kreis-Tag wird als Svg Element Form verwendet. Dies hilft, einen Kreis ohne Bild zu zeichnen.

Sie können überprüfen w3schools für Referenz und lesen Sie Details. :)

+0

Nein. Das Kreiselement hat keinen Bezug zum Canvas-Element. – Quentin

+0

Ja, das war mein Fehler. :) – Eather

0

<circle> ist SVG-Element.

Das <circle> Element wird verwendet, um einen Kreis zu erstellen:

hier sehen, ist Example mit Erläuterung.

-1

Nun würde ich lieber border-radius: 100%; verwenden, wenn ich eine Kreisanzeige mache. Aber man kann die <circle> SVG code verwenden, um es zu machen,

Weitere Informationen finden Sie hier http://www.w3schools.com/svg/

+2

Sie sollten vermeiden, Link-dominierte Antwort zu haben. Ihre Antwort sollte höchstens in sich abgeschlossen sein. Bitte beziehen Sie sich auf [Antwort]. – Tunaki

Verwandte Themen