Es importante que se conozca la
estructura de HTML con el fin de facilitar al navegador la traducción del
código a elementos visuales, en HTML existen diversas versiones y un navegador
debe poder identificar en cual versión de HTML debe trabajar y la primera
etiqueta lo indica, por ejemplo para trabajar con un archivo de HTML5 ya que en
la primera etiqueta debe decir <!DOCTYPE html> si no dice la etiqueta
DOCTYPE significa que se esta trabajando con la versión anterior 4.01,
posterior mente se incluye la etiqueta <head> ... </head> la misma
integra la configuración de la pagina, siempre se tiene que indicar la
configuración que tiene el archivo por esta razón incluimos la etiqueta
<meta> de la siguiente manera <META charset =
"UTF-8"> esto se refiere a la codificación que se escogió
al realizar el archivo de HTML, después esta el <BODY> donde se integra
toda la información o contenido que se desea integrar en la pagina pero
generalmente el body se divide en diferentes secciones.
Si el BODY es el contenedor de toda
la información visual se debe clasificar para que en un futuro el estilo
gráfico sea mas fácil de aplicar, estas nuevas secciones son:
- Cabecera de la pagina <header>..</header> que puede llevar el logotipo de la empresa el titulo o el nombre
- Menu de navegación <nav>..</nav> del sitio
- Columna de contenido al lado derecho de la pagina <aside>..</aside>
- Pie de Pagina <footer>..</footer> que puede llevar ayudas, contactos, políticas de privacidad y mas
- Grupo temático <section>..</section> en el que se pueden construir diversas secciones y a cada una darle su propio aspecto visual
Todas estas etiquetas se usan en las
paginas web, cada una de estas deben ser visualizadas como cajas, algunas
separadas y otras que contengan otras cajas, por ejemplo la caja de BODY
contiene las cajas de HEADER, FOOTER y SECTION, en donde la HEADER puede
contener otra caja de SECTION
<header>
<section>..</section>
</header>
una seccion no puede contener otra a
medias, por ejemplo
<header>
<section>
</header>
</section>
esto se encuentra prohibido, la idea
que la pagina se encuentre ordenada y se pueda codificar el sitio
0 Comentarios