Which browser can show XML data transformed by XSLT?

Question

say, if there is a file that's call data.xml, and a file that is format.xsl (or is it format.xml ?), which is to transform the XML data and format it as well using CSS, then which browser can display it? Which file should be opened? (the .xsl or the .xml?)

Actually I saw in another example that the XSLT file's first line is to href="format.xsl", so I thought the XSLT file is already the .xsl ? then how come it is linking to another .xsl file? How many files are there, 2 or 3?

Answer 1

There are two files, one .xml containing data and one .xsl with the XSLT script for transformation. As of August, 2010, all leading browsers support client side XSLT transformation. Open the .xml file and the associated .xsl file will be used. Usually the script builds an html document which is displayed on the fly. The transformation can also be done by the server with PHP etc.
To associate a XSLT script, the .xml file needs a line like this:

<?xml-stylesheet type="text/xsl" href="script.xsl" ?> 

Edit 18.04.2021: The question is 10 years old now and a lot has happened. It's possible now to have XSLT 3.0 running in the browser using Saxon-JS. There's a Hello World on Github.

Answer 2

Many browsers support the XML-stylesheet processing instruction. If it is included in an XML file and you open this XML with your browser, the browser will load the specified XSLT, run it with the XML file as input and display the XSLT's output instead of the original XML document. The spec can be found here: http://www.w3.org/TR/xml-stylesheet/

Wikipedia's XSLT entry has an example of how to use the processing instruction. Basically you just need to add this line at the top of your XML file (after the <?xml?> prolog), with 'example2.xsl' being a path to your XSLT file:

<?xml-stylesheet href="example2.xsl" type="text/xsl" ?>

Firefox and IE should both support this (and probably many other browsers, but I never tried - this feature is not used that often).