Adaptive Page Design
<!--Ajusta el viewport al 100% del tam del dispositivo -->
<meta name="viewport" content="width=device-width; initial-scale=1.0" />
<meta charset="utf-8" />
<!-- Style sheet-->
<link href="css/colors.css" rel="stylesheet" media="all" />
<link href="css/base.css" rel="stylesheet" media="all" />
<link href="css/big.css" rel="stylesheet" media="screen and (min-width: 981px)" />
<link href="css/small.css" rel="stylesheet" media="screen and (min-width: 481px) and (max-width: 980px)" />
<link href="css/mini.css" rel="stylesheet" media="screen and (max-width: 480px)" /></pre>
<header>
<h1>HTML5 Adaptive Page Design</h1>
</header>
<div id="wrapper"><nav id="main-nav">
<h2>Menu</h2>
<ul class="menu display-big display-small">
<li><a href="Home">Menu Item1</a></li>
<li><a href="HTML5">Menu Item2</a></li>
<li><a href="CSS">Menu Item3</a></li>
</ul>
<select class="display-mini"><option value="inicio">Menu Item1</option><option value="html5">Menu Item2</option><option value="css">Menu Item3</option>
</select>
</nav><section id="main-section"><article>
<h1>HTML5</h1>
HTML5 is a markup language for structuring and presenting content for the World Wide Web and a core technology of the Internet. It is the fifth revision of the HTML standard (created in 1990 and standardized as HTML 4 as of 1997)[2] and, as of December 2012, is a W3C Candidate. In 1980, physicist Tim Berners-Lee, who was a contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN researchers to use and share documents. In 1989, Berners-Lee wrote a memo proposing an Internet-based hypertext system.[2] Berners-Lee specified HTML and wrote the browser and server software in the last part of 1990. In that year, Berners-Lee and CERN data systems engineer Robert Cailliau collaborated on a joint request for funding, but the project was not formally adopted by CERN. In his personal notes[3] from 1990 he listed[4] "some of the many areas in which hypertext is used" and put an encyclopedia first.
</article><article>
<h1>CSS</h1>
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation semantics (the look and formattwrappering) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including plain XML, SVG and XUL. Unlike CSS 2, which is a large single specification defining various features, CSS 3 is divided into several separate documents called "modules". Each module adds new capabilities or extends features defined in CSS 2, over preserving backward compatibility. Work on CSS level 3 started around the time of publication of the original CSS 2 recommendation.
</article>
</section></div>
<footer>
Footer
<select class="display-mini"><option value="inicio">Menu Item1</option><option value="html5">Menu Item2</option><option value="css">Menu Item3</option>
</select>
</footer>
<pre>