bien ahora seguimos con la etiqueta header
la etiqueta header mayormente se utiliza
en las páginas web
de forma independiente
algunas otras veces también la etiqueta header va acompañada de la etiqueta nav
que se puede encontrar debajo
de la misma
en conocimientos libres
la etiqueta header
también
encierra a la etiqueta nav
vamos a observar el código fuente de conocimientos libres
aquí está
tenemos la etiqueta header
y dentro hay
la etiqueta nav
que encienrra el resto de items
para dar
forma al menú de navegación
vamos a identificar
toda esta parte
es el header
bien
ahora vamos a
observar
que en algunas páginas web
el header solamente
abarca la parte del banner
por ejemplo vamos a irnos a
una página web
que desarrollamos en
HackerTech
por ejemplo aquí tenemos esta página
la om360
que fue desarrollada por HackerTech
el header
podría ser solamente la parte de la cabecera (traduciéndolo al español)
solamente este banner, este gif
podría ser solamente el header
y después
en la parte de abajo podríamos encontrar
el menú de navegación
en ese caso
en la parte de om360
solamente hemos
colocado
la etiqueta nav dentro del header
aquí en la imagen nos muestran de manera separada
primero el header y luego el nav
aquí en el desarrollo web
en esta parte está
el nav
el área de navegación está dentro del header
¿por qué está dentro?
bueno es para poder hacer los efectos que observáis allí
ahora vamos a
tocar el código a ver como funciona esto de la etiqueta header
hasta ahora solo tenemos el "Hola Mundo!"
vamos a entrar
al
al archivo index.html
hasta ahora
solamente teníamos una etiqueta
h1
ahora vamos a ver la etiqueta header
como puedes observar
etiqueta header tiene su contraparte, una etiqueta
que abre y otra etiqueta que cierra
aquí como podéis observar, aquí va
todo lo que tiene que ver con el logotipo
el banner
y también pues
mayormente el área de navegación
el área de navegación es bastante importante
que esté dentro del header
pero hay que acotar algo bastante
importante para...
el asunto del header
el header no puede ser demasiado grande
porque qué pasaría si en...
conocimientos libres
el header fuese demasiado grande
si el header fuese demasiado grande, es decir tuviese
un alto
mayor al de la página web
pues taparía o desplazaría el formulario
y el formulario de búsqueda en conocimientos libres es importante
entonces
es necesario de que el header sea pequeño que no sea intrusivo
por eso algunas personas ponen aquí el banner o el logotipo
o solamente el área de navegación
para el área del navegación es necesario solamente colocar
la etiqueta nav
también
podríamos colocar
un h1 dentro del header
para poder darle algún tipo de información - natural
todas esas cosas podríamos colocarlo aquí
bien nos vemos en el siguiente vídeo