Doctype problem displaying SVG with Safari

Question

I have several SVG images I\'d like to layout on a page. Firefox and Chrome have given me no issues whatsoever, but Safari only seem to display the SVG image if and only if

Answer 1

The reason .xhtml works in Safari and .html doesn't is that Safari needs to treat the document as XML to allow embedded SVG. The latest versions of Firefox and Chrome use a HTML5 parser which allows SVG to be embedded in plain HTML documents, so they should work with both.

To have it render properly in Safari you need to set the content type to application/xhtml+xml. Use this in your PHP file before you output any content: