Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

Semantic markup for certain situations

Generated news templates for example?

4:24 am on Jan 4, 2007 (gmt 0)

Preferred Member

10+ Year Member

joined:Feb 28, 2005
votes: 0

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:

  1. A news title;
  2. The date of the news item;
  3. A short abstract (description);
  4. An image;
  5. Some method of clicking more to get more information.

My hunch tells me to do this:

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

But I'm stuck on whether

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


What does everybody else think?