Skip to main content


developerWorks  >  XML | Web development  >

Display XML with Cascading Stylesheets: Use Cascading Stylesheets to display XML, Part 1: Basic techniques to present XML in Web browsers

developerWorks

Level: Introductory

Uche Ogbuji (uche.ogbuji@fourthought.com), Principal consultant, Fourthought Inc.

30 Nov 2004

Register now or sign in using your IBM ID and password.

Cascading Stylesheets (CSS) are well known as the most standards-compliant means of manipulating the look of HTML Web pages. They also happen to be the most practical way of displaying XML in browsers. Browsers have included support for CSS applied to XML much longer than XSLT, and the CSS implementations are generally more complete and reliable. This tutorial shows how to use CSS to present XML in Web browsers.

Prerequisites

This tutorial assumes knowledge of XML, and some basic knowledge of CSS. Familiarity with XML Namespaces and XSLT is also recommended, but not required.

Other tutorials in this series are:


System requirements

You will need JavaScript enabled in your browser.

This tutorial uses a lot of stylesheet examples to demonstrate the usefulness of CSS for XML display. You can experiment with the examples in your favorite XML-aware browser.

To try out the examples, you need a Web browser that supports XML and CSS Level 2 or better. The author presents the output of all examples using Firefox 1.0 Preview Release on Linux. Go to http://www.getfirefox.com/ to get that CSS-compliant Web browser. Based on Mozilla's rendering engine, Firefox is available on Windows, Mac OS X, Linux, and other platforms.



Duration

Under two hours


Formats

html, pdf


Share this....

digg Digg this story del.icio.us del.icio.us Slashdot Slashdot it!


Back to top


Document options

Document options requiring JavaScript are not displayed


My developerWorks needs you!

Connect to your technical community


More in this series:
Display XML with Cascading Stylesheets