Estructura de una web en HTML 5

html5
Fuente Imagen: http://www.atcreativa.com

El cuerpo (bodyde una página web bien estructurada en HTML5, consta de las siguientes partes:

  • Cabecera <header>
  • Navegación <nav>
  • Sección <section>
  • Artículo <article>
  • Apartado <aside>
  • Grupo de encabezados <hgroup>
  • Dirección <address>
  • Pie <footer>

<header>

La etiqueta de cabecera está pensada como un contenedor de información introductoria, sobre una sección o una página web entera.

La etiqueta <header> puede incluir desde el típico logotipo / eslogan que se ve encima de la mayoría de páginas, a un titular que introduce una sección.

Si has estado usando <div id=»header»> en sus páginas, esa sería la etiqueta a reemplazar con <header>.

<nav>

Los elementos de navegación van aquí.

Si has estado usando una etiqueta <div id=»nav»> para manejar su navegación de páginas, puede reemplazarla con una simple etiqueta <nav>.

<section>

Una sección es una agrupación temática de contenidos, precedida por lo general por una etiqueta de cabecera y seguida por una etiqueta de pie de página. Pero las secciones también pueden anidarse una dentro de otra, si es necesario.

El <div id=»content»> sería un buen candidato para convertirse en una sección <section>. Luego, dentro de esa sección, en función del contenido, podría haber secciones adicionales.

<article>

El elemento artículo debe envolver «una sección de contenido que forma parte independiente de un documento o sitio, por ejemplo, una revista o artículo de periódico, o una entrada de blog.»

Puedes tener más de una etiqueta de artículo en la página, por ejemplo la página principal de un blog puede tener los últimos diez artículos, cada uno envuelto en una etiqueta de artículo. Los artículos también se pueden separados en secciones usando la etiqueta <section>, aunque querrás ser un poco cuidadoso en la planificación de su estructura, de lo contrario podría terminar con una fea sopa de etiquetas.

<aside>

El elemento <aside> es para el contenido.

<footer>

El pie de página también se explica por sí mismo, excepto, quizá porque se puede tener más de uno. En otras palabras, las secciones pueden tener pies de página, adicionales a los pies de página principales, generalmente encontrados en la parte inferior de la mayoría de las páginas.

 

Deja un comentario

slot gacor

slot gacor

https://badudu.org/

badudu

slot gacor

https://siakad.unikamamuju.ac.id/fonts/-/starlight-princess/

slot88

slot gacor

https://ninjajago.sbs/

https://labskill.umtas.ac.id/wp-content/slot-gacor/

https://kamalinews.co.id/wp-content/slot-deposit-qris/

https://lsgi.org/

https://lsgi.org/

ninjajago

slot777

slot88

http://upforfifty.xyz/

slot gacor

slot gacor

slot88

slot

https://katalog.uinsyahada.ac.id/slot/

situs slot gacor 2023

slot gacor

slot

https://게이코슬롯.com/

gacor88

slot gacor

slot thailand

slot demo

slot gacor

slot gacor

https://siakad.poltekbangmedan.ac.id/images/

slot gacor

slot gacor 4d

slot gacor

situs slot gacor

slot gacor

situs slot gacor

https://setda.blorakab.go.id/packages/upload/galeri/

slot demo

rtp slot

slot gacor

slot88

slot gacor

https://plti.amikompurwokerto.ac.id/wp-content/pages/?tunnel=Slot%20Tongkat%20123

slot88

slot-gacor

slot gacor

slot gacor

slot gacor

slot gacor

slot gacor

slot gacor

slot demo

slot88/

https://smartvillage.tubankab.go.id/vendor/

https://manajemen.unik-kediri.ac.id/wp-content/files/-/slot-toto/

https://myexist.muallimaat.sch.id/.well-known/

slot gacor

toto macau

slot gacor

slot gacor

slot gacor hari ini

slot-gacor

slot gacor

http://student.unisbank.ac.id/wp-includes/slot-gacor-hari-ini/

https://keclasem.rembangkab.go.id/error/

https://ak.polnep.ac.id/slot-gacor/

slot thailand

https://pmbtest.akpergshwng.ac.id/data/slot-qris-gacor/

slot gacor 4d

https://elsa.polteksahid.ac.id/elsa/files/slot-gacor-thailand/

https://ppdb.smai-soedirman-kotabekasi.sch.id/assets/

slot-gacor

slot-gacor

olxtoto

slot gacor

slot88

slot gacor

slot gacor

https://roadpowersystems.com/pages/

https://disdikbud.pemkomedan.go.id/assets/css/

slot4d

slot gacor

slot gacor

slot gacor

slot thailand

togel online

slot88

https://diafrica.org/pages/

togel online

slot gacor

https://fkomputer.umku.ac.id/wp-content/plugins/

slot gacor

slot gacor

slot gacor

https://feb.umku.ac.id/wp-includes/

https://fgizi.umku.ac.id/wp-content/languages/

https://fmipa.umku.ac.id/wp-includes/

slot gacor

slot88

slot88

slot gacor

slot gacor

slot gacor

slot gacor

https://fkip.umku.ac.id/wp-content/uploads/

https://fkesehatan.umku.ac.id/wp-content/plugins/

slot gacor

https://fst.umku.ac.id/wp-content/plugins/

https://fkeperawatan.umku.ac.id/wp-content/plugins/

olx toto

https://akparjakarta.ac.id/wp-content/

slot qris

slot qris

slot gacor

slot gacor

slot gopay

slot gacor

https://siakad.poltekbangmedan.ac.id/images/

slot thailand

slot gacor

slot gopay

https://ppdb.smai-soedirman-kotabekasi.sch.id/assets/

https://pmbtest.akpergshwng.ac.id/data/slot-qris-gacor/

https://cbt.dindikbud.pekalongankab.go.id/assets/

slot ovo

https://jdih.pn-labuanbajo.go.id/images/

https://pn-labuanbajo.go.id/wp-content/uploads/

https://fst.umku.ac.id/wp-content/uploads/

slot gacor

slot88

slot gacor

slot gacor

slot gacor

slot88

slot gacor

https://smkpelitanusantara.sch.id/

https://wibs.sch.id/

https://mnis.sch.id/

https://smkm3-alkamal.sch.id/

https://pelitanusantara.sch.id/

slot hoki

slot gacor kamboja

slot777

slot gacor 4d

http://esptpd.kaimanakab.go.id/public/img/

slot gacor

slot gacor

slot server luar

slot gacor

slot demo

slot88

slot hoki

https://api.kelastryout.id/assets/

https://siasuh.poltekbangmedan.ac.id/pedoman/ninjajago/

slot gacor

slot gacor

slot