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);
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