ORGANIZING A PAGE - HTML5 - page 95

GROUPING WITHOUT FRACTURING
One of the grouping elements that you probably shouldn't use for more than grouping the
head from the rest of the page (if even that) is the <hr> tag. h e hr element (horizontal rule)
is simply a line, but it should be used judiciously and sparsely. Take for example, the following
excerpt from the poem “Kubla Khan” by Samuel Taylor Coleridge:

In Xanadu did Kubla Khan
A stately pleasure-dome decree:
Where Alph, the sacred river, ran
h rough caverns measureless to man
Down to a sunless sea.

So twice i ve miles of fertile ground
With walls and towers were girdled round;
And there were gardens bright with sinuous rills,
Where blossomed many an incense-bearing tree;
And here were forests ancient as the hills,
Enfolding sunny spots of greenery.

99

But oh! that deep romantic chasm which slanted
Down the green hill athwart a cedarn cover!
A savage place! as holy and enchanted
As e'er beneath a waning moon was haunted
By woman wailing for her demon-lover!

h e three stanzas are divided by a simple double space, as is the title. However, if <hr> tags
are inserted, as in the following listing ( HR.html in this chapter's folder at www.wiley.
com/go/smashinghtml5 ), you'll see a quite dif erent result in terms of an integrated sense
of the poem.

<! DOCTYPE HTML >
< html >
< head >
< style type = ”text/css” >
/*A1A680,D9D7BA,D90404,8C0303,590202 */
body {
background - color : #A1A680;
color : #590202;
font - family : ”Palatino Linotype” , “Book Antiqua” , Palatino , serif ;
font - size : 8px ;
}
h4 {