Why doesn't SVG work on local HTML files?_问答_开发者

Why doesn't SVG work on local HTML files?

开发者 https://www.devze.com 2022-12-20 23:20 出处：网络

I\'m confused. If I point by browser (Chrome or Safari on OSX) to this web site, it sh开发者_如何学Pythonows all the SVG perfectly:

相关专题：svg xhtml

I'm confused.

If I point by browser (Chrome or Safari on OSX) to this web site, it sh开发者_如何学Pythonows all the SVG perfectly:

http://emacsformacosx.com/

Now, if I view source on that page, copy it, and paste it into a new HTML document on my desktop, then view that with either browser, I get no SVG at all.

Why the difference?

Why does SVG work on the web site, but not in the local HTML file?

Thanks!

You renamed it to HTML, and the browser assumes html content.. while the page is text/xml ..

if you rename it to .xml and open it, you will see it just fine..

The HTTP response header information causes the browser to interpret the information as XML:

HTTP/1.1 200 OK
Date: Sun, 21 Feb 2010 02:32:02 GMT
Server: Apache/2.2.14 (Debian)
Vary: Accept-Encoding
Transfer-Encoding: chunked
Content-Type: text/xml; charset=UTF-8

You see, the server that served up the page was smart enough to detect that this was an XML document, and told the browser. When you load the file from disk, your browser may not be smart enough to do this, and tend to rely on the file's extension to supply this information.

You could try inserting the following into the <head> element:

<meta http-equiv="Content-Type" content="text/xml; charset=UTF-8" />

You see what I did there? It's just a mirror of the HTTP response header that would have specified the document type and encoding.

The purpose of this tag is to make browsers think, "Hey, the server is telling me that this document is HTML, but the document is telling me it's XML. The document probably knows better than the server, so I'll trust it... ::interprets as XML::"