Welcome to WebmasterWorld Guest from 54.144.79.200

Forum Moderators: ergophobe

Message Too Old, No Replies

Semantic markup for certain situations

Generated news templates for example?

     

Setek

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:

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

 

Featured Threads

Hot Threads This Week

Hot Threads This Month