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)

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?


Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members