[CODE]<html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>The World’s Highest Website – a CSS Experiment</title>
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="bin/css/default.en.css" />
<link rel="meta" type="application/rdf+xml" href="
http://meiert.com/labels.rdf" title="ICRA" />
<meta name="ICBM" content="53.08, 8.84" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
</head>
<body id="pos1">
<script type="text/javascript">
// <![CDATA[
google_ad_client = "pub-7972878865162063";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text";
google_ad_channel = "";
google_color_border = "000000";
google_color_bg = "000000";
google_color_link = "ffffff";
google_color_text = "cccccc";
google_color_url = "ffffff";
// ]]>
</script>
<script src="
http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>
<div id="show">
<h1>The World’s Highest Website</h1>
<ul id="lang">
<li><a href="zh/" rel="alternate" xml:lang="zh">中文</a>,</li>
<li>English,</li>
<li><a href="es/" rel="alternate" xml:lang="es">Español</a>,</li>
<li><a href="id/" rel="alternate" xml:lang="id">Bahasa Indonesia</a>,</li>
<li><a href="ru/" rel="alternate" xml:lang="ru">Русский</a>,</li>
<li><a href="pt/" rel="alternate" xml:lang="pt">Português</a>,</li>
<li><a href="de/" rel="alternate" xml:lang="de">Deutsch</a>,</li>
<li><a href="ko/" rel="alternate" xml:lang="ko">한국어</a>,</li>
<li><a href="fr/" rel="alternate" xml:lang="fr">Français</a>,</li>
<li><a href="tr/" rel="alternate" xml:lang="tr">Türkçe</a>,</li>
<li><a href="ro/" rel="alternate" xml:lang="ro">Romana</a>,</li>
<li><a href="sr/" rel="alternate" xml:lang="sr">Srpski</a>,</li>
<li><a href="hr/" rel="alternate" xml:lang="hr">Hrvatski</a>,</li>
<li><a href="nl/" rel="alternate" xml:lang="nl">Nederlands</a>,</li>
<li><a href="el/" rel="alternate" xml:lang="el">Έλληνας</a>,</li>
<li><a href="cs/" rel="alternate" xml:lang="cs">Česky</a>,</li>
<li><a href="hu/" rel="alternate" xml:lang="hu">Magyar</a>,</li>
<li><a href="sv/" rel="alternate" xml:lang="sv">Svenska</a>,</li>
<li><a href="bg/" rel="alternate" xml:lang="bg">български</a>,</li>
<li><a href="da/" rel="alternate" xml:lang="da">Dansk</a>,</li>
<li><a href="sk/" rel="alternate" xml:lang="sk">Slovensky</a>,</li>
<li><a href="fi/" rel="alternate" xml:lang="fi">Suomi</a>,</li>
<li><a href="no/" rel="alternate" xml:lang="no">Norsk</a>.</li>
</ul>
<p>Welcome to the World’s Highest Website! Currently, it’s <strong>18.939 kilometers</strong> high (that’s about <strong>11.77 miles</strong>), and an enormous pleasure to scroll. Enjoy.</p>
<p class="alt">For fine print and technical details, either scroll down by yourself or <a href="#hades">take the <strong>elevator</strong></a>, which offers light speed hypertext transportation <em>for free</em>. (Internet Explorer people, the elevator is out of order anyway. Please <strong>press <kbd>Ctrl</kbd> and <kbd>End</kbd></strong> instead.)</p>
<!-- Actually, the highest “div” element of the world: -->
<div id="whws"></div>
<!-- Right. -->
<div id="hades">
<p>Cool. <strong>Restart?</strong> Scroll up (we’ll wait for you), <a href="#pos1">use the elevator</a>, or press <kbd>Ctrl</kbd> and <kbd>Pos1</kbd>.</p>
<p class="alt">For the rest of the crew, here’s some fine print. This website is a <abbr title="Cascading Style Sheets">CSS</abbr> experiment. Due to its nature, there are some accessibility limitations, but anybody just slightly experienced will understand. The technical and design principles of this site are simple:</p>
<ul>
<li>One <abbr title="Hypertext Markup Language">HTML</abbr> container;</li>
<li>pure <abbr>CSS</abbr> styling;</li>
<li>no workarounds, filters, or hacks.</li>
</ul>
<h2>Known, yet interesting issues:</h2>
<ul>
<li>For the record – Gecko-based browsers like Firefox show an interesting behavior when you want to make the site any higher (than precisely 18.939583 kilometers, that is), namely by “shrinking” or “collapsing” its main container;</li>
<li>Internet Explorer doesn’t accept internal references behind the real action, and it’s unclear if the container’s height really is 18.939 kilometers (though it’s <em>damn high</em> – or long – nonetheless).</li>
</ul>
<p>If you can come up with fixes or an even higher element, the formatting of which is broadly supported, email <strong>info at worlds-highest-website.com</strong>. Most likely, there’s some reward. And otherwise, if it’s found, it’ll be used <span title="smile">;)</span></p>
<p class="alt ref"><abbr title="World’s Highest Website">WHWS</abbr> is presented by <a href="
http://meiert.com/en/">frontend artist <strong>Jens Meiert</strong></a> and the secret “Flying Standardistas Club”. Design: Alessandro Lettieri.</p>
</div>
</div>
<table cellspacing="0">
<caption>Advertisement</caption>
<tbody>
<tr>
<td><a href="
http://www.freelocalclassifiedads.us/">Free Ads <abbr>USA</abbr></a></td>
<td><a href="
http://www.freelocalclassifiedads.co.uk/">Free Ads <abbr>UK</abbr></a></td>
<td><a href="
http://www.snowtrex.co.uk/">Ski Holidays</a></td>
<td xml:lang="de"><a href="
http://www.finanzanlagen.info/fonds-lexikon/">Kredit-Lexikon</a></td>
</tr>
</tbody>
</table>
<script src="
http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
_uacct = "UA-212068-4";
urchinTracker();
// ]]>
</script>
</body>
</html>[/CODE]
该网页的源代码
2007-11-18 19:35
