none
que diferencia hay entre poner un header o no ponerlo? RRS feed

  • Pregunta

  • Qué diferencia hay entre poner un header o no ponerlo? Busco la definición en internet y dice la obviedad de sirve para implementar el encabezado, pero en mi código lo ponga o no lo ponga no pasa nada.
    martes, 1 de diciembre de 2020 14:08

Respuestas

  • ¿Te refieres a la sección <HEAD> en el HTML?

    Si no lo pones, la única diferencia es que pierdes la oportunidad de insertar los distintos tipos de información que puede contener el HEAD.

    Por ejemplo, no puedes poner el <Title>, con lo que no puedes indicar el título que se debe mostrar en el navegador. Similarmente, no puedes indicar el juego de caracteres, con lo que el navegador tiene que aplicar una heurística para tratar de determinarlo. Pero esta heurística puede fallar y, entonces, dependiendo de cuál sea el juego de caracteres utilizado, puede ser que te salgan mal las eñes y las letras con acento.

    Esto son solo un par de ejemplos. No quiere decir que necesariamente tu página los requiera, simplemente es para darte una idea de que al no tener header pierdes la oportunidad de suministrar la información que va en el header. 

    Si te refieres a la etiqueta <header>, visualmente es equivalente a un <div>. No tiene ningún efecto visual en particular, a no ser que se lo apliques mediante css igual que podrías hacerlo con un div. A diferencia del div, tiene un significado semántico indicando que su contenido es un encabezamiento, cosa que puede ser relevante para los programas que analicen la página de forma automática y quieran separar las partes relevantes de la misma.
    martes, 1 de diciembre de 2020 14:59

Todas las respuestas

  • ¿Te refieres a la sección <HEAD> en el HTML?

    Si no lo pones, la única diferencia es que pierdes la oportunidad de insertar los distintos tipos de información que puede contener el HEAD.

    Por ejemplo, no puedes poner el <Title>, con lo que no puedes indicar el título que se debe mostrar en el navegador. Similarmente, no puedes indicar el juego de caracteres, con lo que el navegador tiene que aplicar una heurística para tratar de determinarlo. Pero esta heurística puede fallar y, entonces, dependiendo de cuál sea el juego de caracteres utilizado, puede ser que te salgan mal las eñes y las letras con acento.

    Esto son solo un par de ejemplos. No quiere decir que necesariamente tu página los requiera, simplemente es para darte una idea de que al no tener header pierdes la oportunidad de suministrar la información que va en el header. 

    Si te refieres a la etiqueta <header>, visualmente es equivalente a un <div>. No tiene ningún efecto visual en particular, a no ser que se lo apliques mediante css igual que podrías hacerlo con un div. A diferencia del div, tiene un significado semántico indicando que su contenido es un encabezamiento, cosa que puede ser relevante para los programas que analicen la página de forma automática y quieran separar las partes relevantes de la misma.
    martes, 1 de diciembre de 2020 14:59
  • Hola PequeñoSaltamontes,

    El elemento HTML <header> representa contenido introductorio, o sea, el contenido que precede al contenido principal de la página web y,  normalmente, va a contener un grupo de ayudas introductorias, por ejemplo: la marca del sitio web, un nombre de autor, elementos de navegación, formularios de búsqueda y contenido similar que se duplica en todas o la mayoría de las páginas de un sitio web (o sea todos tus html tienen esta información para que se vean uniformes y se sienta la unidad a la hora de navegarlas). Importante mencionar que también lo puedes usar como encabezado de una sección en específico. En cuanto a porque no te sirve, habría que ver en concreto lo que estás haciendo, puede ser que no estés poniendo dentro del header ningún elemento que deba verse como un h1 y por eso te da la ilusión de que no sucede nada, que por algún lado tengas una etiqueta mal cerrada que te está afectando tu código o que lo estás usando de una manera en que no se puede, por ejemplo, no se puede colocar dentro de un <footer>, <address> u otro elemento <header>.

    <!-- Como encabezado de página, , contiene el título o el logotipo del sitio (o ambos) y la navegación del sitio principal -->
    
    <body> 
    	<header> 
    		<a src="/" id="logo">Título</a> 
    		<nav> 
    			<ul> 
    				<li><a href="/">Home</a></li> 
    				<li><a href="/about">About</a></li> <li><a href="/contact">Contact</a></li>
    			</ul> 
    		</nav> 
    	</header> 
    	<main> 
    	</main> 
    	<footer>
    	</footer> 
    </body>
    
    
    <!-- Como encabezado de sección -->
    
    <article> 
    	<header>
    		<h2>Título del artículo</h2>
    		<span class="byline">by PequeñoSaltamontes</span> 
    	</header> 
    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam volutpat sollicitudin nisi, at convallis nunc semper et. Donec ultrices odio ac purus facilisis, at mollis urna finibus. </p> 
    </article>

    Espero que te sea de ayuda. Por favor no olvides marcar una respuesta si resolviste tu consulta (debajo de cada post hay una opción que dice “Marcar como Respuesta”). Quedo pendiente de cualquier actualización. Gracias por levantar tu consulta en los foros de msdn.

     

    Saludos cordiales

    Gabriel Castro

     ____________________________ 

    Por favor recuerde "Marcar como respuesta" las respuestas que hayan resuelto su problema, es una forma común de reconocer a aquellos que han ayudado, y hace que sea más fácil para los otros visitantes encontrar la solución más tarde.

    martes, 1 de diciembre de 2020 16:38