Let’s look at the markup for one of the news items in the right-hand column of the Harvard Web site:

<b>’Illuminating the beauty of life’</b>
<br>Yannatos starts 41st year conducting Harvard-Radcliffe Orchestra
<a href=”http://www.news.harvard.edu/gazette/2004/10.21/23-yannatos.html”><font
size=”-1”><b>More</b></font></a><font size=”-1”><br></font>
<td width=”120”>
<a href=”http://www.news.harvard.edu/gazette/2004/10.21/23-yannatos.html”><img
src=”images/041029a.jpg” alt=”James Yannatos” border=”0” height=”120”

In this news item, the content leads with a header displaying the title of the featured story. However, you wouldn’t know it was a header from the markup:

<b>’Illuminating the beauty of life’</b>

Rather than using markup to describe how the element should look to sighted users on desktop browsers, why not use a header element?

<h4>Reversing Saddam’s ecocide of Iraqi marshes</h4>

Here we’ve used an h4, which would be appropriate if there are three levels of headers above this one in the document’s hierarchy. Now, any user agent reading this page will recognize the text as a header, and render it in the most effective way it can.

Leave a Reply

Your email address will not be published. Required fields are marked *