Skip to content

Instantly share code, notes, and snippets.

@3rn3st0
Last active September 21, 2017 15:23
Show Gist options
  • Save 3rn3st0/0d012c948362a63467c4 to your computer and use it in GitHub Desktop.
Save 3rn3st0/0d012c948362a63467c4 to your computer and use it in GitHub Desktop.
HTML5: Estructura básica de una página web / Basic structure of a web page
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="ruta_hoja_de_estilos.css">
<title>Título del Website / Website's Title</title>
</head>
<body>
<header>
<nav>
<ul>
<li>Menú de la página web / Webpage's menu</li>
</ul>
</nav>
</header>
<section>
<article>
<header>
<h2>Quijotipsum</h2>
<p>Publicado el <time datetime="2014-09-05T19:15:24+04:30">Viernes 5 de septiembre de 2014</time> por <a href="#">El Autor</a> - <a href="#comments">3 comentarios</a></p>
</header>
<p>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.</p>
</article>
</section>
<aside>
<h2>Acerca de / About section</h2>
<p>...se le pasaban las noches leyendo de claro en claro, y los días de turbio en turbio; y así, del poco dormir y del mucho leer, se le secó el celebro...</p>
</aside>
<footer>
<p>Información al pie de página / Footer information</p>
</footer>
</body>
</html>
@3rn3st0
Copy link
Author

3rn3st0 commented Sep 5, 2014

Inspirada en "HTML5 Page Structure" de css-tricks.com

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment