Especificamos el tipo de documento:
<!DOCTYPE html>
Importante: Hay que especificar el idioma:
<html lang="es">
Cabecera: Metainformación que no se ve visualmente pero describe la página ante los sistemas de buscadores:
<head>
Especificamos la codificación universal:
<meta charset="utf-8">
Descripción que aparece en los buscadores:
<meta name="description" content="Descripción del sitio">
Título de la página que aparece en el navegador:
<title>Mi primera página</title>
</head>
Cuerpo de la página que contiene todo lo que se va a visualizar en la página
<body>
Cabecera de la página:
<header>
El título de la página va normalmente en formato <h1> y es importante que solo haya un <h1>
<h1>Este es el título de mi web</h1>
Logo del sitio Web. <figure> interpreta el navegador que va una figura.
<figure>
Aquí va nuestro logo
Título de la imagen:
<figcaption>Título de nuestro logo</figcaption>
</figure>
</header>
Menú:
<nav>
Aquí va nuestro menú
</nav>
Sección de contenido. <section> y <article> definen un área única de contenido:
<section>
Para que el encabezado principal <h1> no pierda relevancia, utilizamos <hgroup> para agregar un nuevo <h1>
<hgroup>
<h1>Mi encabezado secundario</h1>
<h2>Este es un subencabezado de tipo h2</h2>
</hgroup>
<article>
Este es un artículo de contenido
<section>
Esta es otra sección dentro de un artículo
</section>
</article>
</section>
Pie de pagina:
<footer>
Aprendiendo HTML5 con @jonmircha
</footer>
</body>
</html>
No hay comentarios:
Publicar un comentario
Nota: solo los miembros de este blog pueden publicar comentarios.