I have an SVG image that I want to embed on a web page (inside a html file)
I created the image with Adobe Illustrator and it contains the following headers:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 462.219 381.915" enable-background="new 0 0 462.219 381.915" xml:space="preserve">
...
Do I need the xml and DOCTYPE declarations? Or just embedding the contents of the <svg>
tag is fine?
The XML header lines should be removed when you are embedding an SVG in an HTML page or another SVG.
UPDATE
Just to clarify:
Well-formed XML documents contain only one prolog. So they should be removed if you are embedding one SVG inside another. See: http://www.w3.org/TR/2008/REC-xml-20081126/#dt-wellformed
When embedding an SVG inside an HTML file, you could keep the prolog lines. The HTML parser in the browser will ignore them. But given they serve no purpose, it is my advice that you "should" remove them to make your document smaller - and more readable. :)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With