Welcome to WebmasterWorld Guest from

Forum Moderators: ergophobe

Message Too Old, No Replies

Semantic markup for certain situations

Generated news templates for example?



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

10+ Year Member

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?


Featured Threads

Hot Threads This Week

Hot Threads This Month