[uf-new] hAudio ITEM debate proposal #3

Mon Oct 29 04:45:06 PST 2007

paul_wilkins at xtra.co.nz wrote:
> From: Manu Sporny <msporny at digitalbazaar.com>
>> Thoughts, suggestions, comments? This is the last blocking issue with
>> hAudio before we can move it to Draft status.
> 
> I am eternally reminded about the nesting trouble that hCard 
> has with table layouts and peoples names.
> 
> Have issues with table layouts for existing audio examples 
> been thought through?

Yes, tables are important as that is the primary way the music services
describe audio albums. Here's how you would use hAudio in a table:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
   <title>hAudio Table Example</title>
</head>
<body>
<p>This is an example of an hAudio in a table:</p>

<div class="haudio">
   <img class="photo" alt="Live Phish Album Image"
src="images/live_phish_vol_15.jpg" />
   <p>
   <span class="album">Live Phish, Volume 15</span>
   <span class="contributor">Phish</span>
   </p>
   <p>
   Released on:
   <abbr class="published" title="20023110">October 31, 2002</abbr>
   </p>
   <p>
   Acquire:
   <a rel="sample" href="/samples/live_phish_vol_15_sample.mp3">Sample</a>,
   <a rel="enclosure" href="/live/phish_live_phish_vol_15.mp3">Live
Recording</a>,
   <a rel="payment" href="/buy/phish_live_phish_vol_15">Buy High Quality
Track</a>
   </p>
   <p>
   Category: <span class="category">live</span>
   </p>
   <p>
   Duration: <abbr class="duration" title="PT145M27S">145 minutes, 27
seconds</abbr>
   </p>
   <p>
   Tracks:
   </p>
   <table>
    <tr><th>#</th><th>Track</th><th>Length</th></tr>
    <tr class="item">
        <td>1.</td>
        <td class="fn">Sanity</td>
        <td><abbr class="duration" title="PT5M48S">5:48</abbr></td>
    </tr>
    <tr class="item">
        <td>2.</td>
        <td class="fn">Highway To Hell</td>
        <td><abbr class="duration" title="PT3M39S">3:39</abbr></td>
    </tr>
   </table>
</div>

</body>
</html>

-- manu