HTML 3.2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
HTML 4.01 Strict, Transitional, Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict, Transitional, Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<p><!--[if IE]>
According to the conditional comment this is Internet Explorer<br />
<![endif]-->
<!--[if IE 5]>
According to the conditional comment this is Internet Explorer 5<br />
<![endif]-->
<!--[if IE 5.0]>
According to the conditional comment this is Internet Explorer 5.0<br />
<![endif]-->
<!--[if IE 5.5]>
According to the conditional comment this is Internet Explorer 5.5<br />
<![endif]-->
<!--[if IE 6]>
According to the conditional comment this is Internet Explorer 6<br />
<![endif]-->
<!--[if IE 7]>
According to the conditional comment this is Internet Explorer 7<br />
<![endif]-->
<!--[if gte IE 5]>
According to the conditional comment this is Internet Explorer 5 and up<br />
<![endif]-->
<!--[if lt IE 6]>
According to the conditional comment this is Internet Explorer lower than 6<br />
<![endif]-->
<!--[if lte IE 5.5]>
According to the conditional comment this is Internet Explorer lower or equal to 5.5<br />
<![endif]-->
<!--[if gt IE 6]>
According to the conditional comment this is Internet Explorer greater than 6<br />
<![endif]-->
</p>
Note the special syntax:
gt: greater than
lte: less than or equal to
<div class="drupal-tabs">
<!-- These are the actual tab labels. They are always visible, the current tab's a will have an 'active' class -->
<ul class="anchors">
<li><a href="#bodoni">Bodoni</a></li>
<li><a href="#frutiger">Frutiger</a></li>
<li><a href="#helvetica">Helvetica</a></li>
<li><a href="#univers">Univers</a></li>
</ul>
<!-- These are the individual tabs. All but the currently selected tab will be hidden -->
<div id="bodoni">
<?php print $bodoni ?>
</div>
<div id="frutiger">
<?php print $frutiger ?>
</div>
<div id="helvetica">
<?php print $helvetica ?>
</div>
<div id="univers">
<?php print $univers ?>
</div>
</div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
function sspToggleDisplayMode() {
thisMovie("ssp").sspToggleDisplayMode();
}
/*
Passes the ID of the album from the XML file
we want SlideShowPro inside the SWF to load
*/
function sspLoadAlbum(album) {
thisMovie("ssp").sspLoadAlbum(album);
}
function thisMovie(movieName) {
if (navigator.appName.indexOf("Microsoft") != -1) {
return window[movieName]
} else {
return document[movieName]
}
}
</script>
</head>
<body>
<div id="flashcontent"> You need to update your version of the Flash Player to view this movie. </div>
<script type="text/javascript">
var so = new SWFObject("my_ssp.swf", "ssp", "550", "400", "8", "#000000");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<p><a href="#" onclick="sspLoadAlbum('album-14');">Logos</a> | <a href="#" onclick="sspLoadAlbum('album-15');">Illustration</a> | <a href="#" onclick="sspLoadAlbum('album-16');">Print</a> | <a href="#" onclick="sspLoadAlbum('album-17');">Products</a> | <a href="#" onclick="sspLoadAlbum('album-18');">Websites</a> | <a href="#" onclick="sspLoadAlbum('album-19');">Photography</a> </p>
</body>
</html>
<!-- rel-licence -->
<!-- Links to the licence document for the page in question -->
<!--
NOTE: If embedded inside hReview, the licence is for that review,
not the whole document
-->
<a href="http://www.creativecommons.org/..." rel="licence">Licence</a>
<!-- rel-tag -->
<!-- Tags the page, or a large part of the page as being about microformats -->
<!--
NOTE: When used inside another microformat (hAtom), it applies to that
microformat, not the whole page
-->
<a href="http://technorati.com/tag/microformats" rel="tag">microformats</a>
<!-- rel-nofollow -->
<!-- The page linked to will gain no PageRank from the link -->
<!--
NOTE: Google follows the link, no PageRank added
MSN: Page isn't followed, doesn't index the page
Yahoo: Follows the link and indexes the page
-->
<a href="http://www.bbc.co.uk/" rel="nofollow">BBC Site</a>
<!-- VoteLinks Microformat -->
<!-- Three possibilities for the rev attribute -->
<a href="http://mydomain.com/" rev="vote-for">For the Domain</a>
<a href="http://mydomain.com/" rev="vote-against">Against the Domain</a>
<a href="http://mydomain.com/" rev="vote-abstain">Neither for / against the Domain</a>
<!--
NOTE: Rel attribute was used in the past, but this is now depriciated. Rev is used as
it is logically correct (relationship between the document containing the link and
the linked document)
-->