I've been puzzling over how to most semantically lay out a news template for a while now... in the way that I need to display: - A news title;
- The date of the news item;
- A short abstract (description);
- An image;
- Some method of clicking more to get more information.
My hunch tells me to do this: <dl>
<dt><a href="#">News Title</a>
<small>27 Oct 2006</small></dt>
<dd><p>Etiam suscipit tellus id mauris.</p>
<img src="/images/news/news-item.png" title="Image Description" alt="Image of a something in the park" /></dd>
</dl> But I'm stuck on whether <small> is really all that great an indication of what a date should be... And I'm also stuck as to whether I should have the image below the description or above it, what's more important as far as the content goes (or should the image not get voiced at all?)... And finally, I can't decide whether a dedicated "Read more about [News Article Title]" anchor (situated below the description and image) is better than an anchor on the article title in the <dt>? What does everybody else think?
| 
