These forums are currently read-only due to receiving more spam than actual discussion. Sorry.

It is currently Sat Dec 02, 2017 4:20 pm Advanced search

Formatting a news article

Here you can discuss things related to HTML and the Web in general that do not fit in to other categories.

Formatting a news article

Postby peroyomas » Tue Jul 14, 2009 3:36 am

I suppose that a markup language should not only get inspiration from what's already in the web, but in analog media too. I'm looking right now for a proper way of mark news articles. I haven't read the working draft too exhaustively so I may be wrong in some stuff.

Image

Stuff like subheads can be done with h# tags. Pictures with captions and pull quotes with the figure element and image and quote tags where appropriate. The boxes can be put inside sections and some complex info formatted with tables or embeddable elements. The whole article is inside and article tag and the asides may be in an aside tag.

I'm particularly doubtful about the stuff that surround the heading of the news.

Image

The heading itself may be clearly an h1 tag.

I'm really not sure about the kicker—a phrase that goes right before the heading, usually a short teaser or the name of a section. I believe it may use the small tag but don't convince me very much; Neither the h2 tag, since it make more sense after the h1 tag.

I'm also not sure with the drop deck—the paragraph that gives a short abstract of the article. Perhaps it may be and h2 tag, but it may look weird by default since these uses to be a bit long and the heading are reserved and associated to the body of the article. Sometimes the deck is formatted with lists.

The byline contains either the author or the date of the article. Sometimes both. I think that the date can be inside a date element and the author perhaps inside a cite element, but those are inline elements, so I'm not sure how to surround these in the best way.

Probably the whole thing may be differentiated from the body of the article in an hgroup or header tag, but I'm not sure.
User avatar
peroyomas
<h6>
 
Posts: 7
Joined: Wed Jul 08, 2009 8:22 pm
Location: Chile

Postby zcorpan » Sat Jul 18, 2009 10:11 am

I think something like:

Code: Select all
<article>
<header>
<hgroup>
<h2>Kicker:</h2>
<h1>Headline</h1>
</hgroup>
<p>Deck.</p>
<p>Byline</p>
</header>
...
</article>
zcorpan
<article>
 
Posts: 807
Joined: Tue Feb 06, 2007 8:29 pm
Location: Sweden


Return to General Discussion

Who is online

Users browsing this forum: No registered users and 1 guest