Web Page Example Using New HTML5 Semantic Tags

If you are viewing this page in an HTML5 capable browser then the embedded page below should look pretty much like the previous example that just used DIV (divisions) except that the image now has a caption, "Atlantic Cod". Actually FIGCAPTION is the only new HTML5 tag that I really like. It seems to me that the other new tags really are really of more benefit to search engines and content scrapers than they are to the end user or webmaster of the page.

As a practical matter, the new semantic tags will not eliminate the need for the DIV tag in web pages and you should probably avoid their use for now. Although all the major browsers including Internet Explorer 9 support the new HTML5 standard, Microsoft has not seen fit to provide an upgraded version of Internet Explorer for the Windows XP operating system. The unfortunate thing is that Windows XP is still used by millions of people including myself. From what I have seen of Vista, Windows 7 and Window 8, I am inclined to stick with XP for the foreseeable future.

Ideally those who are using Windows XP would switch over to a modern browser such as Firefox or Google Chrome but you can't depend on that. Microsoft obviously is betting that the vast majority of their customers will upgrade their operating system from XP rather than go to the trouble of switching Web Browsers.

There are a few work arounds but they involve the use of javascript or enclosing the new tags with div tags. One method is just adding more work and complexity, the other will fail if Javascript is disabled.

The bottom line is that if you want your webpages to display as expected to the greatest number of users, stick to using divisions only and avoid the new semantic tags.

<!DOCTYPE html >
<HTML LANG="en">
<HTML>
<HEAD>
<META CHARSET="UTF-8">
<TITLE>HTML5 with New Semantic Tags </TITLE>
<LINK REL="stylesheet" HREF= "sheets/page4.css" >
</HEAD>
<BODY>
<ARTICLE>
<HEADER>
<H1>Atlantic Cod </H1>
<H2>Gadus morhua</H2>
</HEADER>
<NAV>
<P> <A HREF="http://html5.awardspace.info/index.html">Home Page</A>
<BR> <A HREF="htmlref.htm">HTML Tag Reference </A>
</P>
</NAV>
<DIV ID="mainbody">
<P>The Atlantic Cod is a coldwater fish that was once plentiful along the continental shelf of the Northern U.S. and Canada. </P>
<P>
A bottom dweller, cod are opportunistic feeders which will eat a variety of fish, crabs and other invertebrates. While cod can grow to be more that 6 feet long and weigh more than 200 pounds, most adults will average around ten pounds. </P>
<P> They are generally found in depths of 60 to 1500 feet but will go shallower during the breeding season where each breeding female will release her free floating eggs which may number in the millions. Assuming that the eggs are successfully fertilized, only a small number of the resulting fry will survive to become adults. </P>
<FIGURE>
<IMG SRC = "images/atlantic_cod.jpg" WIDTH= "300" HEIGHT="125">
<FIGCAPTION>Atlantic Cod</FIGCAPTION>
</FIGURE>
<P> The cod's delicate white meat is high in protein and low in oils, which makes it possible to preserve the fish for long periods time without becoming rancid by drying and curing it with salt. </P> <P>
In the days before canning and refrigeration, salt cod was traded throughout the World where it became a major food staple in North America, Europe, and the West Indies. It was the increasing demand for salt cod that was an early driver in the colonization of New England and the Canadian Maritime. </P>
<P> New and aggressive fishing technologies in the 20th century caused this seemly inexhaustible natural resource to collapse by over harvesting not only cod but its food sources as well. </P>
<HR>
<H3>Works Consulted </H3>
<P CLASS="footnote" >
Canadian Museum of Nature &#34;Atlantic Cod&#34; Natural History Notebooks. Canadian Museum of Nature 12 Feb 2013 &#60;http://nature.ca/notebooks/english/atlanticcod.htm&#62; from archive.org <BR> <BR>
Wisner,Bill &#34;McClane's New Standard Fishing Encyclopedia&#34; McClane, A.J. Ed. Gramercy Books NY,NY 1998 p. 58-60 <BR> <BR>
Watkins, Thayer &#34;The Collapse of the Code Fishery of the Grand Banks&#34; San Jose State University Department of Economics 12 Feb 2013 &#60;http://www.sjsu.edu/faculty/watkins/grandbanks.htm&#62; <BR> <BR>
Woodard, Colin &#34;Ocean's End : Travels Through Endangered Seas&#34; Basic Books 2000 p. 72-79 </P>
</DIV>
</ARTICLE>
</BODY>
</HTML>

Style Sheet Using New HTML Tags; ARTICLE, HEADER, NAV, FIGURE and FIGCAPTION

HEADER {
background:#87cefa;
clear:all;
}
NAV{
background:#ffffe0;float:right;
width:195px;
clear:right;
}
#mainbody {
background:#afeeee;
margin-right:198px;
}
H1 {color:black; font:bold 16pt "Arial"}
H2 {color:blue; font:bold 14pt "Arial"}
H3 {color:black; font:bold 12pt "Arial"}
P {color:black;font:normal 12pt "Arial"}
P.footnote {color:black;font:normal 10pt "Arial"}
HR{background-color:blue;height:5px}
A:link{font:bold;color:green}
A:visited{font:normal;color:navy}
figcaption {color:navy;font:normal 14pt "Arial"}