foreignobject
ForeignObject is an element in the Scalable Vector Graphics (SVG) specification that enables the inclusion of non-SVG markup inside an SVG document. It provides a bridge between SVG and other XML vocabularies, most commonly XHTML or HTML. The element defines a rectangular region on the SVG canvas, specified by x, y, width, and height attributes, in which foreign markup can be rendered.
To embed HTML content, the markup inside a foreignObject is placed in a different XML namespace, typically
Rendering and styling considerations: The HTML inside a foreignObject is subject to the host document's CSS
Browser support and limitations: Most modern engines support foreignObject, but behavior can vary with content complexity