Lo primero que podemos apreciar de HTML5, es el mayor significado semántico que se le da a su estructura con las inclusión de nuevas etiquetas como <header>, <nan>, <hgroup>, <section>, <footer> entre muchas otras. Estas etiquetas en comparación a lo que podiamos hacer con un div, dan mayor significado al contenido y facilita a los buscadores indexar las información en la web. Además de permitir nuevas funcionalidades, como crear reproductores de audio y video, o poder dibujar 2D o 3D en nuestro sitio.
En el siguiente enlace puedes encontrar las nuevas etiquetas: w3schools
Ejemplo de una estructura HTML5:
<html lang="es">
<head>
<meta charset=utf-8>
<title>Ejemplo de Maquetado HTML5 en sublime text</title>
</head>
<body>
<hgroup> <!--dentro de esto van las h1,h2,h3 relacionándolas -->
<h1>Ejemplo de Maquetado HTML5 en sublime text</h1>
<h2> Por codigeek.blogspot.com</h2>
</hgroup>
<nav> <!-- botones de navegación o menu -->
<li><a href="inicio.html"></a>Inicio</li>
<li><a href="contacto.html"></a>Contacto</li>
<li><a href="Nosotros.html"></a>Nosotros</li>
</nav>
<<article> <!-- articulo principal, texto, o sona principal TEXTO PRINCIPAL -->
<section> <!-- sirve para definir secciones dentro de nuestra web, no debe llevar style (mas que nada es una estructura semántica) -->
<p> Texto principal</p>
</section>
<aside> <p>Texto sin relevancia</p></aside> <!-- el texto o cosas no tan relevantes -->
</article>
<footer> © codigeek.blogspot.com</footer> <!-- pie de pagina -->
</body>
</html>
0 Comentarios:
Publicar un comentario