Navigation

Home

What is CSS?

XML, HTML and XHTML

The Impact of XML and CSS on Web Page Design

Resources
What is XML?

XML or (Extensible Markup Language) was invented by the World Wide Web Consortium W3C to store and define information in a document, such as mathematical notation and other textual data.

XML doesn't contain predefined tags like HTML. Instead, XML lets you create tags that define your own information. Since the computer sees text as a group of letters without any particular meaning, there needs to be a way of defining it for use on a specific application.

Because XML is stored in plain text format it has become a popular tool for data storage and sharing. You don't have to rely on software programs to input your data and its format enables data to be exchanged across various applications, platforms and languages.

When designing Web sites, XML makes it possible to separate data from the XHTML. An example of XML in a Web site would be a transaction form. The fields in the form remain fixed and the customer data can be entered and stored separate from the fields.

Here is some simple XML code:

Sample XML

XML, HTML and XHTML

The Web has evolved from its original use, to electronically display paper documents, to provide information to a variety of devices.

HTML, or HyperText Markup Language, is a structural language originally useful for document display, but is now becoming outdated with the evolution of the Web.

XHTML, or EXtensible HyperText Markup Language, is now the new standard. It was created as the Web was being accessed by devices such as cell phones and BlackBerry's.

XHTML is a combination of the structural aspects of XML and the formatting aspects of HTML.

The difference between the two languages is in the tags, required elements and DOCTYPE declaration. For example XHTML code must contain:

These were not required with HTML. You must use XHTML code if you want your Web site to render properly in different browsers.

Here is some sample XHTML:

Sample XHTML

Notice the link to the (CSS) stylesheet between the two <head> tags.


Return to the TOP of the page.