Tutorial: Elementos estruturais HTML 5

  • Autor Autor gatsu
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
G

gatsu

Beta
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
article esta etiqueta es como una pagina pequeña dentro de una pagina. Debe usarse para definir contenido autonomo e independiente, proveniente de una fuente externa de informacion y predecible de ser reutilizada de modo aislado.

Ejemplo:
<article>
<header>
<h1> Bienvenido a mi pagina </h1>
</header>
<p> Nuestra pagina esta hecha para todos los webmaster que deseen aporta conocimientos</p>
<p> Saludos a Todos</p>
</article>

aside cuando se desee colocar informacion de un fragmento de la pagina que esta relacionada con el contenido principal, pero debe estar separado de el, se utiliza aside. Comunmente se le usa como una barra lateral

Ejemplo:

<aside>
<h3> Visitenos </h3>
<p><ins> Nuestra direccion</ins></br>
Colonia: centro</br>
Mexico D.F.</br>
</aside>

footer se utiliza para representar el pie de pagina (en contexto de una pagina web). Se posciona en la parte inferior de la pagina

Ejemplo:

<footer>
<p>Todos los derechos reservados </p>
</footer>

header se usa como tope o cabecera visible de una pagina. No confunda <header> con <head> que contiene el titulo y los metadatos
de nuestra pagina. en <header> usualmente tiene etiquetas de encabezado <h1> a <h6> o alguna etiqueta <img>

Ejemplo:
<header>
<h1> Bienvenido a mi pagina web </h1>
</header>

nav es usada para contener informacion sobre la navegacion del sitio web que se construyo. Este elemento usualmente utiliza enlaces
con la etiqueta <a>, pero estos deben ser enlaces solo para la navegacion de su sitio y no para enlaces externos.

Ejemplo:

<nav>
<h3> Menu principal </h3>
<a href="#">inicio</a>
<a href="#">fotos</a>
<a href="#">contacto</a>
</nav>

section este intenta albergar contenido especifico sobre algun tema, es muy similar a su etiqueta <div>, pero div no tiene un significado semantico y no informa sobre el tipo de contenido alojado en la etiqueta. <section> se usa para agrupar contenido relacionado.

Ejemplo:

<section>
<p> acuda a nuestra tienda para conocer nuestros precios, catalogos de juguetes y accesorios.
</section>

😉
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Gracias por el aporte, muy bien explicado
 
Buen aporte, gracias!
 
Voltar
Topo