¿Qué es un encabezado HTML? Nuevas etiquetas

Del autor: bienvenido a nuestro blog sobre creación de sitios web. Cualquier sitio tiene algo que normalmente lo hace memorable y se destaca del resto. Normalmente este es el encabezado del sitio. CSS te permite hacerlo de la manera que quieras.

Encabezado del sitio web: cómo es

Es sorprendente cuánto puede depender hoy en día simplemente del diseño de un recurso web. Pero, ¿qué diferencia particularmente a un recurso web de otros? Como regla general, este es el encabezado del sitio con un logotipo corporativo y un diseño único. Por lo general, así es como la gente recuerda algún tipo de proyecto de Internet. Esto queda muy bien grabado en la memoria de la gente.

Por ejemplo, si ve una letra “B” blanca en fondo azul, probablemente concluya inmediatamente que se trata de un icono de la red social VKontakte. y la imagen paloma mensajera Todo el mundo lo asocia inmediatamente con Twitter. Todo esto fue posible porque estos sitios tenían esas imágenes en los encabezados y la gente las recordaba muy bien.

Bien, eso fue un poco de reflexión, ahora vayamos directamente a la parte técnica.

¿Cómo se puede diseñar el encabezado de un sitio web en CSS?

En general, los sombreros son diferentes. Según su ancho, se pueden dividir en dos grupos: los alineados al centro y los que abarcan todo el ancho de la página web.

Anteriormente, el encabezado se hacía de la misma manera que cualquier otro bloque: un ordinario etiqueta div dieron el identificador requerido, después de lo cual todo el contenido necesario cayó en él, y luego todo se formalizó. Hoy en día ya es costumbre escribir de otra forma. Apareció especialmente para crear un encabezado de sitio en HTML5. etiqueta emparejada– encabezado Se recomienda su uso, permite a los navegadores comprender qué es esta parte de la plantilla y qué hace. Por cierto, si quieres aprender los conceptos básicos de HTML5, tienes una ruta directa al nuestro, donde podrás ver lecciones sobre esta tecnología.

Por lo tanto, para crear un encabezado simple, simplemente escriba el siguiente código en html:

< header > < / header >

Por supuesto, todavía no aparecerá nada en la página; aún tenemos que agregarle contenido y diseñarla. Pero hagamos, por ejemplo, un bloque que ocupe todo el ancho de la pantalla y también lo decoremos un poco.

encabezado (ancho: 100%; fondo: #D8E3AB; alto: 70px;)

encabezamiento( ancho: 100%; fondo: #D8E3AB; altura: 70 píxeles;

En general, si todo se hace correctamente, entonces al bloque se le debe dar algún tipo de clase o incluso un identificador (ya que este es un elemento importante de la página web), pero por ahora simplemente nos referiremos al elemento por etiqueta.

La propiedad width: 100% hace que nuestro bloque se extienda a todo el ancho, independientemente del tamaño de la pantalla. Sin embargo, si las dimensiones necesitan ser limitadas de alguna manera, use la propiedad adicional de ancho máximo, donde el tamaño absoluto está escrito en píxeles, al alcanzar el cual el contenedor ya no se expandirá.

Ahora solo nos queda delante una franja pintada del color elegido. Por lo general, la altura no se especifica; se determina automáticamente en función de los elementos que estarán en el encabezado.

< div id = "wrap" > < header > < / header > < / div >

De esta manera, nuestra parte superior del sitio estará ubicada exactamente en el centro. Sólo queda llenarlo.

Arroz. 1. Por ahora, este es sólo un contenedor que contendrá todo el contenido.

¿Qué suele contener un sombrero?

Por lo general, allí se insertan un logotipo, un nombre y una descripción del sitio. También puede haber algunos Información del contacto, navegación de páginas o incluso publicidad.

El logotipo generalmente se inserta como imagen de fondo. Pongamos, por ejemplo, esto:

Para hacer esto, simplemente agregue algunas reglas en segundo plano:

fondo: #D8E3AB url(logo.png) sin repetición 5% 50%;

fondo: #D8E3AB url(logo.png) sin repetición 5% 50%;

Es decir, además de color sólido nosotros también damos imagen de fondo(en nuestro caso logo.png) y primero lo puse en la misma carpeta que el archivo de estilos. Prohibimos la repetición del logotipo y determinamos su posición en el bloque: lo desplazamos ligeramente hacia la izquierda y verticalmente en el centro.

Agreguemos algo de contenido al encabezado. Por ejemplo, encabezado y menú.

Nombre del sitio

• Contactos
• Sobre nosotros
• Servicios

< div class = "title" >Nombre del sitio< / div > < ul class = "menu" > < li > < a href = "#" >Contactos< / a > < / li > < li > < a href = "#" >Sobre nosotros< / a > < / li > < li > < a href = "#" >Servicios< / a > < / li > < / ul >

Ahora formalicemos todo esto.

Título (tamaño de fuente: 36 px; relleno superior: 10 px; alineación de texto: centro;) .menu (estilo de lista: ninguno; posición: absoluta; superior: 10 px; derecha: 100 px;)

Título ( tamaño de fuente: 36px; relleno-superior: 10px; alineación de texto: centro;

A menudo parece tareas simples Los diseños requieren una estructura de marcado HTML compleja y el uso de trucos de CSS. Centrar elementos o alinear contenidos puede resultar muy tedioso. Una de esas tareas es alinear los elementos en la parte superior del sitio para que el logotipo esté a la izquierda y los elementos del menú a la derecha. Puede usar flotador y posición: absoluta, y para la alineación vertical puede agregar margen y relleno diferentes elementos. Parece que no es nada complicado. Pero si el sitio debe mostrarse correctamente en dispositivos móviles, surgen muchos problemas.

A continuación se muestra una forma concisa de resolver este problema.

El marcado HTML es lo más simple posible:

súper malo Primer enlaceSegundo enlaceTercer enlace

La altura del encabezado es fija, agregue alineación de texto: justificar, para elementos secundarios:

Encabezado (alineación de texto: justificar; espacio entre letras: 1px; altura: 8em; relleno: 2em 10%; fondo: #2c3e50; color: #fff;)

Agregar pantalla: bloque en línea para todos los elementos de navegación para que puedan colocarse uno al lado del otro:

Encabezado h1, encabezado de navegación (pantalla: bloque en línea;)

atribuir alineación de texto: justificar funcionó de la manera que queremos, necesitamos usar un pequeño truco con pseudoelementos, que se encontró en el artículo Técnica de cuadrícula CSS perfectamente justificada usando inline-block, de Jelmer de Maat:

Encabezado::después ( contenido: ""; pantalla: bloque en línea; ancho: 100%; )

El resultado fue una alineación horizontal, sin utilizar flotar Y posición:absoluta. Ahora necesitas alinear los elementos verticalmente. Al usar alineación vertical para los elementos de navegación habrá una dependencia de la altura del bloque principal: el encabezado. Y esto no es muy correcto. Ejemplos de uso de alineación vertical: superior y alineación vertical: media en jsbin. A continuación se muestra quizás el más manera conveniente alineación vertical.

Usemos pseudoelementos nuevamente. Usando un ejemplo del artículo Centrarse en lo desconocido, mencionado por Michał Czernow:

Encabezado h1 (altura: 100%;) encabezado h1::antes (contenido: ""; pantalla: bloque en línea; alineación vertical: medio; altura: 100%;)
El resultado es lo que necesitas:

Queda por resolver dos problemas: mapeo correcto para grandes cantidades texto en el encabezado y adaptabilidad. Si el título del sitio es demasiado largo, el diseño comenzará a deslizarse hacia afuera:

Usemos el truco del pseudoelemento en el encabezado:

código CSS

encabezado ( alineación de texto: justificar; altura: 15em; relleno: 2em 5%; fondo: #2c3e50; color: #fff; ) encabezado::después ( contenido: ""; pantalla: bloque en línea; ancho: 100%; ) encabezado> div, encabezado de navegación, encabezado div h1 (pantalla: bloque en línea; alineación vertical: medio;) encabezado> div (ancho: 50%; alto: 100%; alineación de texto: izquierda;) encabezado> div: :antes (contenido: ""; pantalla: bloque en línea; alineación vertical: medio; altura: 100%;)

Se ve mucho mejor:

Pasemos ahora a la adaptabilidad. Hay varias formas de solucionar este problema, simplemente no puedes establecer la altura del encabezado y eso es todo. elementos internos será adaptable a la altura. Esto no requerirá el segundo truco con pseudoelementos, ejemplo en vivo en jsbin.

código CSS

encabezado ( alineación de texto: justificar; relleno: 2em 5%; fondo: #2c3e50; color: #fff; ) encabezado::después ( contenido: ""; pantalla: bloque en línea; ancho: 100%; ) encabezado h1, encabezado de navegación (pantalla: bloque en línea; alineación vertical: medio;) encabezado h1 (ancho: 50%; alineación de texto: izquierda; padding-top: 0.5em;) encabezado de navegación (padding-top: 1em;)

Si necesita establecer la altura del encabezado, deberá usar el segundo truco con pseudoelementos y agregar una consulta de medios para las pantallas. diferentes tamaños:

@media pantalla y (ancho máximo: 820 px) (encabezado (alto: auto;) encabezado> div, encabezado>

El resultado es adaptable y se ve así en dispositivos móviles:

En el ejemplo, se utiliza 820px para mayor claridad; en un sitio activo, el valor, por supuesto, debe ser diferente, de acuerdo con los requisitos. Para apoyo Explorador de Internet 8 es necesario utilizar “:” en lugar de “::” para pseudoelementos.

Código CSS final

@importar URL(http://fonts.googleapis.com/css?family=Lato:400,700italic); * ( relleno: 0; margen: 0; ) cuerpo ( fondo: #1abc9c; familia de fuentes: "Lato", sans-serif; transformación de texto: mayúsculas; espacio entre letras: 1px;) encabezado ( alineación de texto: justificar ; altura: 8em; relleno: 2em 5%; color: #fff; ) encabezado::después (contenido: ""; ancho: 100%; ) encabezado > div, encabezado > div::antes, encabezado de navegación, encabezado > div h1 (pantalla: bloque en línea; alineación vertical: medio; alineación de texto: izquierda;) encabezado > div (altura: 100%;) encabezado > div::antes (contenido: ""; altura: 100%;) encabezado > div h1 ( tamaño de fuente: 3em; estilo de fuente: cursiva; ) encabezado de navegación a ( padding: 0 0.6em; espacio en blanco: nowrap; ) encabezado de navegación a:last -child ( padding-right: 0; ) @ pantalla multimedia y (ancho máximo: 720 px) (encabezado (alto: automático;) encabezado> div, encabezado> div h1, encabezado de navegación (alto: automático; ancho: automático; pantalla: bloque; alineación de texto: centro;

Resultado:

En HTML5 se han introducido varias etiquetas nuevas para la estructura del código: , , , , , que en algunos casos reemplazan a las habituales. Aunque parece que no hay mucha diferencia entre las etiquetas, sí existe una brecha enorme entre ellas. Las etiquetas no están dirigidas a personas que no tienen motivos para investigar código fuente páginas, sino a máquinas que interpretan el código. Las máquinas o los robots no entienden, para ellos esta es una etiqueta de marcado típica; reemplácela y el significado no cambiará. Otra cosa es que el robot, al detectar esta etiqueta, la percibe precisamente como el encabezado de un sitio o sección.

¿Qué aporta esto al final? Motores de búsqueda Comienzan a indexar mejor el sitio porque separan claramente el contenido de la página de los elementos auxiliares. Los navegadores de voz diseñados para personas ciegas omiten el título y van directamente al contenido. Los sitios pueden compartir automáticamente contenido y otra información entre sí. Todas estas funciones se denominan semántica y le permiten presentar datos en una forma conveniente para los robots.

Primero hagamos el encabezado del sitio usando una etiqueta (ejemplo 6.2).

Ejemplo 6.2. Uso

El intento de agregar un fondo a la etiqueta en los estilos no dio resultado; el fondo no quiere mostrarse en algunos navegadores. Todas las etiquetas nuevas deben bloquearse primero mediante propiedad de visualización, entonces comenzarán a visualizarse correctamente (ejemplo 6.3).

Ejemplo 6.3. encabezado del sitio

HTML5 CSS 2.1 IE 7+ IE 9+ Cr Op Sa Fx

encabezado ( mostrar: bloque; fondo: #00B0D8 url(images/header-gradient.png) repetir-x; )

Este ejemplo funcionará en todos los navegadores excepto IE7 e IE8. Internet Explorer no añade estilo a los elementos que no comprende. Este malentendido se puede corregir creando un elemento ficticio con usando javascript. Para hacer esto, incluiremos esto en el código.

document.createElement("encabezado");

Si hay una etiqueta en la página, este script es muy adecuado para el trabajo. Pero no quiero repetir la línea diez veces por diez diferentes etiquetas, entonces automatizamos este proceso a través de un bucle. Las propias etiquetas se indican en una lista, separadas por comas (ejemplo 6.4).

Ejemplo 6.4. Guión para IE

var e = ("artículo,aparte,figcaption,figura,pie de página,encabezado,hgroup,nav,sección,hora").split(",");< e.length; i++) { document.createElement(e[i]); }

para (var i = 0; i El guión en sí consta de comentarios condicionales

, de modo que se ejecute sólo para IE versión 8.0 e inferiores. IE9 ya incluye soporte para las nuevas etiquetas HTML5.

No es necesario que inserte el ejemplo anterior en su sitio web; puede utilizar un script disponible públicamente escrito por Remy Sharp y distribuido bajo la licencia del MIT. Para hacer esto, simplemente proporcione un enlace, como se muestra en el ejemplo 6.5.

Ejemplo 6.5. Guión para IE

Todos los scripts especificados deben ubicarse en el código antes del CSS. Así, para uso completo

Las etiquetas HTML5 en todos los navegadores sólo necesitan cumplir tres condiciones:

establecer tipo de documento;

incluya el script del ejemplo 6.4 o 6.5;

en los estilos para nuevas etiquetas, configure display: block.

Ahora veamos algunas etiquetas HTML5 con más detalle para comprender su alcance.

Ejemplo 6.6. Usando una etiqueta

artículo Rastros de animales sin precedentes La historia de cómo aparecieron misteriosas huellas rosadas con seis dedos cerca del comedor y por qué sucedió esto.

Define un bloque que no está relacionado con el contenido principal para colocar categorías, enlaces al archivo, etiquetas y otra información (ejemplo 6.7). Un bloque de este tipo, si está ubicado en un lateral, generalmente se denomina "barra lateral" o "barra lateral".

Ejemplo 6.7. Uso

Ejemplo 6.6. Usando una etiqueta

a un lado document.createElement("a un lado"); document.createElement("artículo"); */ }

a un lado ( fondo: #f0f0f0; /* Color de fondo */ padding: 10px; /* Márgenes */ ancho: 200px; /* Ancho de la barra lateral */ float: derecha; /* Ajustar a la izquierda */ ) artículo ( margen derecho: 240px ; /* Sangría derecha */ display: block /*

Elemento de bloque

Ahorra electricidad

Buen idioma

Cuyo palo es más grande

La historia trata sobre cómo hubo que ahorrar electricidad, qué medidas se tomaron para ello y hacia dónde se destinó realmente.

Ejemplo 6.6. Usando una etiqueta

Se utiliza para agrupar cualquier elemento, por ejemplo, imágenes y leyendas (ejemplo 6.8).

Ejemplo 6.8. Uso

figura document.createElement("figura");

document.createElement("figcaption"); figura ( fondo: #5f6a72; /* Color de fondo */ padding: 10px; /* Márgenes alrededor */ display: block; /* Elemento de bloque */ ancho: 150px; /* Ancho */ float: left; /* Los bloques son alineado horizontal */ margen: 0 10px 10px 0; /* Relleno */ text-align: center /* Alineación central */ ) figcaption ( color: #fff; /* Color del texto */ ) Catedral de Santa Sofía

iglesia polaca Contiene una descripción de la etiqueta. La etiqueta debe ir primero oúltimo elemento

en el grupo.

Ejemplo 6.6. Usando una etiqueta

Especifica el “pie de página” de un sitio o sección; generalmente contiene el nombre del autor, fecha del documento, contacto y;

información legal

(Ejemplo 6.9).

Ejemplo 6.9. Uso

footer Sitio web personal de Kristina Vetrova ¡Bienvenido!

Me alegra darle la bienvenida a mi sitio web.

Ejemplo 6.6. Usando una etiqueta

Copyright Kristina Vetrova

Define el “encabezado” de un sitio o sección.

Se utiliza para agrupar encabezados de páginas o secciones web (Ejemplo 6.10).

Ejemplo 6.6. Usando una etiqueta

Ejemplo 6.10. Uso

Define una sección de un documento, que puede incluir títulos, encabezado, pie de página y cuerpo (Ejemplo 6.12). Se permite anidar una etiqueta dentro de otra.

Ejemplo 6.12. Uso

Ejemplo 6.6. Usando una etiqueta

sección Filmación Polipropileno

La historia trata de cómo hicieron una película donde los héroes estaban descansando en la playa, luego llegó el antagonista, golpeó a los protagonistas, los arrojó a la piscina y lo que pasó.

Buen idioma

La historia cuenta cómo existía un estudio para estudiar el idioma esperanto, mientras que encima, en la terraza, había un estudio de bromas donde se contaban chistes y lo que salía de ello.

Marca el texto dentro de una etiqueta como fecha, hora o fecha y hora. Puede especificarse directamente dentro del contenedor o mediante el atributo de fecha y hora (ejemplo 6.13).

La fecha y la hora están configuradas en formato internacional. formato ISO 8601. Los ejemplos de diseño se dan en la tabla. 6.1.

Cada unidad tiene su propia forma dada y restricciones.

• El año se especifica en cuatro dígitos (1860).
• Mes: dos dígitos (01 - enero, 02 - febrero, 12 - diciembre).
• Día: dos números del 01 al 31.
• Hora: dos dígitos del 00 al 23.
• Los minutos son dos dígitos del 00 al 59.
• Los segundos son dos dígitos del 00 al 59.
• Zona horaria: horas y minutos indicados con un signo más o menos.

La fecha y la hora están separadas por letras mayúsculas. letra latina T. Si es necesario, la zona horaria se escribe después de la hora con un signo más o menos. Por ejemplo, para Moscú la zona horaria será +03:00.

Ejemplo 6.13. Uso

Ejemplo 6.6. Usando una etiqueta

tiempo

1957-10-04 lanzado por primera vez satélite artificial Tierra.

1960-08-19 primer vuelo de perros al espacio.

1961-04-12 primer vuelo espacial tripulado.

1963-06-16 Primer vuelo de una mujer astronauta.

1969-07-21 hombre aterrizando en la luna.

liberamos nuevo libro"El marketing de contenidos en redes sociales: Cómo entrar en la cabeza de tus suscriptores y enamorarlos de tu marca.”

Suscribir

El encabezado del sitio web es parte superior sitio, en otras palabras, el encabezado del sitio, un componente importante del recurso web, que es el primero en llamar la atención.

Más vídeos en nuestro canal - aprende marketing en internet con SEMANTICA

¿Qué es el encabezado de un sitio web usando nuestra vida como ejemplo? Por ejemplo, en la cabeza de un constructor vemos un casco y en la cabeza de un cocinero vemos una gorra blanca. La cabeza de la novia está decorada con un velo y la mujer musulmana está cubierta con un hejab. Podemos ver la corona sobre la cabeza del rey. Dicen que el tocado influye en el comportamiento y es gracias a él que a menudo podemos determinar con precisión qué tipo de persona está frente a nosotros.

El encabezado del sitio está en cada una de sus páginas y puede ser el mismo en cada página o diferente. Si utiliza diferentes encabezados en las páginas, recuerde que el diseño del encabezado es pagina interna debería ser una versión abreviada del encabezado pagina de inicio. Esta es una regla de buena forma en el diseño de sitios web.

Qué se debe escribir en el encabezado del sitio

Al igual que para los visitantes, también para los motores de búsqueda, su sitio web comienza con un encabezado. Por tanto, en la cabecera aparecen:

• nombre de la empresa (o sitio web);
• contactos;
• otro elementos importantes: eslogan, horario de apertura, breve descripción actividades, etc.;
• arriba menú horizontal- esto es lo que debería completar el encabezado.

Tenga en cuenta que los elementos del encabezado que deben estar presentes en cada sitio son el nombre y los contactos.

No te olvides de la función de presentación del encabezado, por lo que su diseño debe llamar la atención, pero no debe distraer al visitante de su búsqueda. información necesaria. Un encabezado incorrecto puede desanimar a los visitantes, que irán a otro sitio que puede tener peor contenido que el suyo.

¿Por qué es importante colocar contactos en el encabezado?

El buscador asigna a cada sitio una región específica, una de las cuales es la principal. En primer lugar, se centra en los contactos indicados en el encabezado del sitio. Después de eso, busca la página "Contactos", donde puede especificar regiones adicionales.

Encabezado del sitio web y reglas HTML

Para promocionar con éxito un sitio web, es necesario aplicar varias reglas al desarrollar un encabezado.

• El nombre y los contactos nunca deben mostrarse como una imagen. Sólo texto que un motor de búsqueda pueda entender.
• Tener un encabezado H1 igual en todas las páginas de su sitio interferirá con la promoción de recursos.
• No utilice imágenes pesadas, flash o muchos gráficos. Esto dificulta la carga del sitio y molesta a muchos usuarios.
• No incruste un menú horizontal en Flash, no muestre el menú en forma de imágenes. Utilice sólo texto. De lo contrario, si necesita realizar cambios en los elementos del menú, puede encontrar ciertas dificultades.
• Crea encabezados HTML. ¡Abajo los encabezados que consisten enteramente en imágenes o animaciones flash! ¿Por qué hacer tu trabajo más difícil? Si quieres destacar, puedes utilizar discretamente elementos dinámicos en diseño, trabajando en guiones.
• El encabezado debe tener una altura que no interfiera con la percepción del contenido. Para recursos de información Es lógico hacer un encabezado bajo (100-200 píxeles). Para páginas de destino y sitios de tarjetas de presentación, el tamaño del encabezado puede ser ligeramente mayor.

Cómo crear el encabezado correcto

Si tiene un libro de marca ya preparado, todas las páginas del sitio, incluido el encabezado, deben diseñarse de acuerdo con él. tarea importante diseñador web - lograr estilo uniforme entre el encabezado, el campo de contenido y el pie de página del sitio.

dar preferencia imagenes positivas: gente con sonrisas en la cara, hermosa chica, naturaleza. Para crear una atmósfera seria, utilice imágenes sin rostro en tonos apagados. combinación de colores, siempre con logo.

Digamos que necesitamos un encabezado para un sitio web de lavandería. Selecciona una foto lavadora(debe mostrarle inmediatamente al visitante a qué sitio llegó y qué pueden ofrecerle aquí). Alternativamente, puedes utilizar una foto de una chica atractiva lavando ropa, así como elementos de diseño que evoquen una sensación de limpieza y frescura. Cada foto debe ser única, o al menos única usando editor gráfico. Puedes crear un logotipo, por ejemplo, uno esquemático. tambor de lavado y la ola dentro de él. Junto al logo indicamos el nombre.

El sitio es recibido por su encabezado, es único. tarjeta de visita. Por lo tanto, al desarrollar un sitio web, ¡preste la máxima atención al encabezado!

Cuando trabaja con un sitio web, la primera etiqueta que encuentra un programador en HTML es. Cuando se utilizan sin atributos, no se ven diferencias en comparación con otras etiquetas, lo que plantea la pregunta posibles razones su uso.

¿Cómo y dónde usarlo?

es una introducción a alguna sección del documento. Es opcional y generalmente está escrito en la parte superior de la sección de la página. En inglés, "etiqueta" se traduce como "encabezado", pero en la jerga rusa se usa más a menudo la palabra "sombrero". Normalmente, esta etiqueta se utiliza en la parte superior de la página, donde se encuentran el nombre y el logotipo del sitio, así como un menú secundario. Sin embargo, a menudo puedes encontrar su uso en los títulos de las secciones.

En HTML, como muchas otras etiquetas, apareció solo en la quinta versión del lenguaje de marcado. Por tanto, no todos los navegadores lo manejan correctamente. La especificación del idioma asume que la etiqueta contiene el título de la sección (h1-h6) o página, así como los necesarios en el “encabezado” del sitio. elementos auxiliares, incluidos banners, bloque de información de contacto y otros. Como la mayoría de las etiquetas en HTML, debe tener su propio "par de cierre" - , que indica el final de las propiedades. de esta etiqueta. Si desea personalizarlo según su tipo de diseño personal, puede utilizar varios atributos para una etiqueta que definan su estilo.

Ejemplos de uso

Practicar el trabajo con la etiqueta le permitirá comprender completamente los principios de funcionamiento. Se pueden encontrar ejemplos HTML de su uso en casi todos los sitios web importantes. En ellos se suele utilizar para indicar el encabezado.

Una forma de configurar el "encabezado" de un sitio mediante una etiqueta es el siguiente ejemplo:

HTML5

Además del título, aquí también puedes añadir cualquier elemento y etiqueta que desees, a excepción de . El es responsable de pie de página página y no puede estar presente en el encabezado del sitio. Si este elemento se encuentra dentro de una etiqueta de título, el sitio no se cargará correctamente.