¿Qué es una barra de navegación?

La World Wide Web ofrece a los usuarios la posibilidad de ver diferentes sitios web y páginas desde los programas de navegador web. los usuarios de Internet pueden acceder a sitios y páginas ya sea introduciendo sus direcciones en un programa navegador, o siguiendo los enlaces desde otras páginas. anclas HTML implementan estas conexiones. Con la inclusión de un enlace en una página, los desarrolladores pueden permitir a los usuarios a visitar otra página o sitio simplemente haciendo clic en este enlace.

Elemento HTML

El elemento HTML que proporciona la funcionalidad de un hipervínculo es el elemento de anclaje. El marcado siguiente ejemplo muestra un elemento de anclaje simple:

<a href="differentpage.html"> Visitar una página diferente </a>

Cuando aparezca esta marcado dentro de una página Web, los usuarios podrán visitar la página que se indica que el atributo "href", haciendo clic en el texto que aparece entre la apertura y el cierre "a" etiquetas. El elemento de anclaje puede tener muchos atributos diferentes e incluyen diferentes tipos de contenido de la página web entre sus etiquetas.

Contenido

El contenido de la mayoría de los enlaces HTML es texto. El contenido del texto puede ser cualquier cosa, pero normalmente los desarrolladores elegir el texto que es corta y significativa, de modo que el usuario tendrá una buena indicación del destino antes de que se elija ya sea para visitar siguiendo el enlace. Alternativamente, las imágenes HTML también pueden actuar como enlaces, como en el siguiente ejemplo de marcado:

<a href="otherpage.html"> <img alt = "imagen enlace" /> </a>

En este caso, el usuario puede seguir el enlace haciendo clic en la imagen tal como aparece en la página Web.

Destino

El atributo "href" indica el destino de un enlace HTML. Dentro de este valor de atributo, los desarrolladores Web indican la ubicación que desea que los usuarios que deben adoptarse para el contenido clic en el enlace. La ubicación puede ser relativa a la página que aparece en, como en este ejemplo:

href = "admin / info.html"

Este enlace iba a llevar a los usuarios a una página guardada como "info.html" en una carpeta con el nombre "admin", que se encuentra en el mismo directorio que la página actual. enlaces HTML también pueden utilizar las direcciones URL absolutas (Localizadores Uniformes de Recursos) de la siguiente manera:

href = "http://domain.com/page.html"

Este enlace lleva a los usuarios a la ubicación especificada, independientemente de la ubicación de la página que se incluye el elemento de anclaje.

Marcador

elementos de anclaje HTML pueden enlazar a ubicaciones dentro de una página, en lugar de a las páginas externas. El marcado siguiente enumera un elemento dentro de una página web con un atributo de nombre especificado:

<a name="notes"> Notas: </a>

Una página web puede incluir un enlace dentro de la misma página, como, vincular a ella de la siguiente manera:

<a href="#notes"> ver las notas </a>

Si un usuario hace clic en el segundo anclaje, el navegador vaya a la sección de página de la celebración de la primera. Esto puede ser una técnica útil en páginas con una gran cantidad de contenido de texto.

atributos

anclas HTML pueden incluir muchos atributos diferentes, la mayoría de los cuales son opcionales. La siguiente línea de código muestra cómo utilizar el atributo de destino para especificar que el navegador debería abrir el enlace en una nueva página o pestaña:

<a target="_blank"> href="somepage.html" Ver alguna página </a>

Anclan elementos también pueden utilizar atributos HTML estándar que pueden ayudar a CSS (Cascading Style Sheet) código para seleccionar y estilo de ellos, tales como los atributos id y class, incluidos los siguientes:

<a href="mypage.html" class="toplinks" id="main"> Mi Página </a>

código CSS podría utilizar tanto la clase y el identificador de atributos para aplicar reglas de estilo en particular a este elemento de anclaje.