Previous Message
Next Message

Semantic use of HTML

Sent by Josh King on 14 July 2004 17:05


> Although completely off topic, as far as CSS goes, I'm sure most of you
> would be able to help me out and possibly put your two cents in.
> 
> I need to put song lyrics on a website, and would preferably need to
> divide up verses.  Should I use a <p> tag per line, and seperate verses
> with a <div> tag?  Or is my thinking completely wrong?

I feel that poetry (a category in which I would place lyrics) is one
of the times where encoding line breaks is semantic so you maintain
the rhythm the artist intended. I'd format them according to the
lyrics style guide located at
www.berkleemusic.com/assets/display/760105/760104.pdf">http://akamai.www.berkleemusic.com/assets/display/760105/760104.pdf .
Here's an example (I omitted the contact line because it probably
isn't necessary in this case).

<blockquote class="lyrics">

<h2>Title Line</h2>
<h3>Writer's Line</h3>

<p class="verse">
Line 1<br />
Line 2<br />
....
Line n <br />
</p>

<p class="chorus">
Line 1<br />
Line 2<br />
....
Line n <br />
</p>

<p class="bridge">
Line 1<br />
Line 2<br />
....
Line n <br />
</p>

</blockquote>


	blockquote.lyrics {
	  margin: 0;
	  font-family: "Book Antiqua", "Times Roman", "Times New Roman", serif;
	}

	blockquote.lyrics h2 {
	  font-size: 1.67em;
	  font-weight: bold;
	  font-variant: small-caps;
	  margin: 0;
	}

	blockquote.lyrics h3 {
	  font-size: 1.16em;
	  margin: 0 0 2em 0;
	}
	
	blockquote.lyrics p.verse {
	  margin: 1em 0 0 0;
	}
	
	blockquote.lyrics p.chorus {
	  margin: 1em 0 0 2em;
	}
	
	blockquote.lyrics p.bridge {
	  margin: 1em 0 0 4em;
	}
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: