La estructura básica que mostramos a continuación es la estructura html que mínimo toda página debe tener:
DOCTYPEhtmlheadmetatitletitleheadbodyBodyhtmlEste tag nos ayuda a crear una cabecera para el cuerpo de nuestra página web, (los navegadores la
toman muy en cuenta). La etiqueta (Head) es utilizada para darle una cabecera a los artículos, puedes
darle una cabecera a los formularios o a cualquier otra cosa, claro, (tampoco es correcto inundar tu
página web de estos tag).
Aquí mostramos algunos ejemplos en donde podrías utilizar esta etiqueta:
DOCTYPEhtmlheadmetatitletitleheadbodyheaderdivdivnavulliahref = "#" aliliahref = "#" aliliahref = "#" aliulnavheadersectionarticleheaderheaderfooterfooterarticlesectionBodyhtmlEl pie de la página web es importante, por lo tanto, debemos ponerlo para poner los derechos reservados
de dicha página. Como se pudo apreciar en el ejemplo anterior, los artículos también pueden tener su
propio pie, la etiqueta small sirve para poner los derechos de la página.
Para esto, vemos el pie de página en el siguiente ejemplo:
footersmallsmallfooterAsí es como se manejan las etiquetas head y footer, la etiqueta head
sirve para denominar la cabecera ne una página, artículo, navegación etc. En cambio la etiqueta
Footer sirve para denominar el pie de algo, (aunque con frecuencia sólo se utiliza el
Head y Footer para sólo denominar la cabecera y pie de la página).
La etiqueta section nos sirve para agrupar las diferentes secciones de la página
web, aunque en su mayoría se utiliza para agrupar sólo los artículos, ejemplo:
sectionarticlearticlearticlearticlearticlearticlesectionDe esta manera podemos separar los artículos de nuestra página de las demás cosas.
La etiqueta nav, como su nombre lo dice sirve para la navegación de una página web,
sin enbargo, puede utilizarse en la barra de la del header o con las etiquetas
ul, ese es el fin de la etiqueta nav.
headerdivdivnavnavheaderEsta es una de las etiquetas la cual es mayormente relacionada con una barra lateral de contenido. Aquí es donde se colocan las distintas url y especifícaciones. Se utiliza para poner el índice de una página web, anuncios y demás, es un contenido secundario al artículo. Ejemplo:
sectionsectionasidenavulliahref = "#" aliliahref = "#" aliliahref = "#" aliulnavasideDe esta manera podemos crear una barra lateral de contenido para nuestro sitio o página web, desde luego hay infinidad de etiquetas, algunas obsoletas y otras más nuevas pero todo va de la mano, claro que no existe una forma única de estructurar una página web, este lenguaje de marcado de etiquetas te permite hechar a andar tu imaginación.
Hemos visto las etiquetas que una página web básica debería tener. Recordemos que estas etiquetas existen porque el navegador las toma completamente en cuenta, así que las debemos utilizar aunque moderadamente. Si te interesa este tema, puedes ir a mi página principal en donde vas a encontrar tutoriales de YouTube para aprender más de Html.