Definir títulos y enlaces en el elemento de página html cabeza

Dentro del elemento HTML en una página que está construyendo para su sitio web, hay dos principales, elementos definitorios. El contenido visible de la página está encerrado en el etiqueta y, a continuación, todo lo demás va en el cabeza elemento.

La sección de encabezado del documento HTML es donde se define el título de la página y también donde se definen los enlaces a los archivos de los que depende la página HTML. Los elementos HTML dentro de la cabeza elemento de comunicar información importante, tal como el nombre del sitio, una descripción del contenido del sitio, y la hoja de estilos vinculada. Esta información es utilizada por el navegador, los motores de búsqueda, y los visitantes del sitio.

La sección de la cabeza de un HTML típicamente incluye:

  • El título de la página

  • Vínculos al archivo (s) de hojas de estilo CSS que se utiliza para dar formato a la página

  • Palabras clave y otros “metadatos” que se utiliza en los motores de búsqueda

    Video: Cómo agregar enlaces en tu sitio web | Wix.com

Títulos resumen contenido de la página

UN Título de la página se mostrará en la barra de título de una pestaña del navegador o el navegador y también en la mayoría de las listas de resultados de los buscadores. Los títulos de página son esenciales - que debe ser breve, pero aún resumir contenido de la página.

Aquí está el código de ejemplo para un título de la página:

Bienvenido a la Web Collective!

Enlaces a hojas de estilo CSS (s)

Los enlaces a las hojas de estilo pertenecen también en el elemento de cabeza de una página HTML. Recuerde que al formatear se suministra a través de páginas web modernas, archivos externos, diferentes e independientes, vinculados. Así es como se ve que el código:

Video: Mostrar un título al hacer Hover en una imagen y añadir un enlace con la Plantilla DIVI

La sintaxis de una hoja de estilos vinculada es un poco confuso, por lo descomponerlo. La etiqueta que une una hoja de estilo a una página de HTML es un ejemplo de un elemento no recipiente (denominado a veces como un elemento void). En otras palabras, no hay más que una etiqueta de apertura y sin etiqueta de cierre. En cambio, esta etiqueta de enlace se abre con lt; y se cierra con / gt ;.

Elementos, atributos y valores

Por cierto, o tal vez no tan por la vías, los elementos HTML tienen atributos y los atributos se definen con la sintaxis que sigue el modelo de nombre de atributo = “valor”.

Para seguir con el ejemplo de una hoja de estilos vinculada, el elemento de enlace rel tenía, href, y los atributos de texto. Esos atributos tienen tanto atributo nombres (me gusta rel, href, o tipo) y valores (La información específica entre comillas que sigue el nombre del atributo).

El (menos, pero sigue siendo relevante) papel de etiquetas meta

etiquetas meta son elementos opcionales dentro de un elemento de cabeza que transmiten información adicional acerca de una página, incluyendo los siguientes:

Video: Insignias con Bootstrap (Badges) | Rimorsoft Online

  • Las descripciones y palabras clave utilizadas por los motores de búsqueda.

    Video: HTML DESDE CERO. TUTORIAL #1

  • Información adicional acerca de la página, como autor.

Como todo en HTML, el papel y el valor de las etiquetas meta está evolucionando. En épocas anteriores, las etiquetas meta de palabras clave jugaron un papel más importante en la optimización de motores de búsqueda (SEO-exhibición de forma destacada y precisa en los motores de búsqueda).

Sin embargo, modernos motores de búsqueda (y nuevas etiquetas adicionales en HTML5) proporcionan canales alternativos y más complejos y sofisticados para la identificación de contenido de la página y la indexación de que el contenido en los motores de búsqueda. Sin embargo, el uso de etiquetas meta de autor, la descripción y las palabras clave (todavía a veces útil para los motores de búsqueda) todavía puede ser una parte importante del contenido de encabezado HTML.

Echar un vistazo a lo que es una abertura típica de una página HTML, incluyendo el cabeza elemento, que podría parecer.

Bienvenido a la Revolución Web

Los elementos HTML dentro de la cabeza elemento de comunicar información importante, tal como el nombre del sitio, una descripción del contenido del sitio, y la hoja de estilos vinculada. Esta información es utilizada por el navegador, los motores de búsqueda, y los visitantes del sitio.

La cifra revela cómo las piezas del elemento de cabeza se comunican información al mundo. Se puede ver el código fuente HTML de la versión de la ciudad de Nueva York de craigslist.com (superior izquierda), junto con el título definido, que aparece en la barra de título de un navegador (esquina superior derecha) y la descripción definida, ya que aparece en Google de resultado de la búsqueda (inferior derecha).

Artículos Relacionados