Electronic Books

Charles Wyke-Smith

"Stylin' with CSS: A Designer's Guide 2nd Edition"

XHTML: GIVING STRUCTURE TO CONTENT 23
FIGURE 1.4 This is the above code
rendered in the Firefox browser with
the default browser styles. It??™s not
beautiful, but it is useable.
This page nicely illustrates the inherently structured document ?¬‚ ow
produced by correctly marked-up elements. You can see from the
code that the markup has been divided with (aptly named) divs into
four logical groups: header, content, navigation, and footer. The id
attribute of these divs allows us to give each group a name that is
unique to that page.
While it??™s helpful that these div IDs let us see at a glance where we
are within the document structure, the primary purpose of organizing
our tags within divs with IDs is to enable us to target sets of CSS
rules at a speci?¬? c group of tags, rather than the entire document.


Pages:
29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53