@@Rolf B > > Trailing slash […] interacts badly with unquoted attribute values. > > Diesen Teil finde ich sehr merkwürdig formuliert. Ich erinnere mich an die Anfangszeit der [CSSBattle](https://cssbattle.dev), als SVG noch erlaubt war. Leere SVG-Elemente müssen auch in HTML mit `/>` geschlossen werden (außer das letzte, das nimmt der Parser auch ohne Slash). Bei Attributwerten ohne Anführungszeichen muss man ein Leerzeichen vor den Slash setzen: Geht nicht: `<circle r=50 cx=50 cy=50 fill=darkred/>`{:.language-svg.bad}, weil `/` als Bestandteil des Attributwerts angesehen wird. Geht: `<circle r=50 cx=50 cy=50 fill=darkred />`{:.language-svg.good} Geht auch: `<circle r=50 cx=50 cy=50 fill="darkred"/>`{:.language-svg.good} (Ist aber ein Zeichen länger.) ☞ [Spielwiese](https://codepen.io/gunnarbittersmann/pen/GRbojxy?editors=1000) Vielleicht meinten sie das mit *“interacts badly”*{:@en}. Kwakoni Yiquan {:@art-x-kwejian} -- *Ad astra per aspera*{:@la}

@@Rolf B > > Trailing slash […] interacts badly with unquoted attribute values. > > Diesen Teil finde ich sehr merkwürdig formuliert. Ich erinnere mich an die Anfangszeit der [CSSBattle](https://cssbattle.dev), als SVG noch erlaubt war. Leere SVG-Elemente müssen auch in HTML mit `/>` geschlossen werden (außer das letzte, das nimmt der Parser auch ohne Slash). Bei Attributwerten ohne Anführungszeichen muss man ein Leerzeichen vor den Slash setzen: Geht nicht: `<circle r=50 cx=50 cy= 50 fill=darkred/>`{:.language-svg.bad}, weil `/` als Bestandteil des Attributwerts angesehen wird. Geht: `<circle r=50 cx=50 cy= 50 fill=darkred />`{:.language-svg.good} Geht auch: `<circle r=50 cx=50 cy= 50 fill="darkred"/>`{:.language-svg.good} (Ist aber ein Zeichen länger.) ☞ [Spielwiese](https://codepen.io/gunnarbittersmann/pen/GRbojxy?editors=1000) Vielleicht meinten sie das mit *“interacts badly”*{:@en}. Kwakoni Yiquan {:@art-x-kwejian} -- *Ad astra per aspera*{:@la}

@@Rolf B > > Trailing slash […] interacts badly with unquoted attribute values. > > Diesen Teil finde ich sehr merkwürdig formuliert. Ich erinnere mich an die Anfangszeit der [CSSBattle](https://cssbattle.dev), als SVG noch erlaubt war. Leere SVG-Elemente müssen auch in HTML mit `/>` geschlossen werden (außer das letzte, das nimmt der Parser auch ohne Slash). Bei Attributwerten ohne Anführungszeichen muss man ein Leerzeichen vor den Slash setzen: Geht nicht: `<circle r=50 cx=50 cy= 50 fill=darkred/>`{:.language-svg.bad}, weil `/` als Bestandteil des Attrubutwerts angesehen wird. Geht: `<circle r=50 cx=50 cy= 50 fill=darkred />`{:.language-svg.good} Geht auch: `<circle r=50 cx=50 cy= 50 fill="darkred"/>`{:.language-svg.good} (Ist aber ein Zeichen länger.) ☞ [Spielwiese](https://codepen.io/gunnarbittersmann/pen/GRbojxy?editors=1000) Vielleicht meinten sie das mit *“interacts badly”*{:@en}. Kwakoni Yiquan {:@art-x-kwejian} -- *Ad astra per aspera*{:@la}