In this conclusion of step 2 along the path to XML mastery, we saw how to use the <div> element to define logical divisions within a document. Adding id attributes to the div elements allows a style sheet designer to create a multi-column web page by associating id attribute values with CSS names. Adding class attributes to any number of HTML elements allows us to create a common look and feel by associating the class attribute value with a CSS name.
Although XML makes a great meta-language for describing data, when we deliver XML directly to a browser, the XML is displayed simply as XML—complete with element names in brackets and attributes in quotes. Not very high on aesthetics. The way to bring XML to the Web will be to use XSLT. In setting the stage for this approach, it’s important that a web design team separate content from style, which will greatly facilitate our upcoming transformation task.