Este artículo establece la guía sobre el enlace interno:
¿Qué es el enlace interno HTML?
Los enlaces internos de HTML son los hipervínculos que se crean para permitir a los usuarios navegar a través de diferentes secciones de la página web. El usuario al interactuar con un enlace interno, el navegador mueve la pantalla a la sección especificada de la página web. Ayuda a navegar a los usuarios, especialmente si hay un sitio web o blog de una sola página.
Veamos un ejemplo simple para la comprensión de los enlaces internos:
Ejemplo: uso de enlaces internos como navegador
Para comprender el funcionamiento de los enlaces internos, se pueden utilizar los botones de navegación. Por ejemplo, en esta demostración se han creado dos botones de navegación y contenido ficticio:
< división >
< h2 identificación = 'parte uno' > Parte uno < / h2 >
< pag > Bienvenidos al Contenido de la Primera Parte. < / pag >
< h2 identificación = 'la segunda parte' > La segunda parte < / h2 >
< pag > ¡Excelente! Has llegado a la Segunda Parte del Contenido < / pag >
< / división >
En el fragmento de código anterior:
- Dos primeros ' Las etiquetas ” se utilizan para crear dos encabezados/secciones de la página web. Estos ' h2 Los elementos 'tienen el valor de' parte uno ' y ' la segunda parte ” que están asignados al “ identificación ” atributos, respectivamente.
- A continuación, el “ Se utilizan etiquetas 'que contienen el contenido de cada' ' etiqueta.
Ahora, los botones de navegación se utilizan con respecto a los enlaces internos. Estos botones se crean utilizando la siguiente línea de código:
< ul >< eso > < a href = '#parte uno' >primera parte< / a > < / eso >
< eso > < a href = '#la segunda parte' >Segunda parte< / a > < / eso >
< / ul >
En el fragmento de código anterior:
- Primero el '
” etiqueta para configurar los elementos de la lista. - A continuación, el ancla” Se utiliza la etiqueta 'y proporciona datos ficticios a cada'
' etiqueta. - Después de eso, establezca el valor de “ href “atributo de ambos” ” etiquetas a “ parte uno ' y ' la segunda parte ” identificaciones. Esta asignación de “ identificación ” valores crea un enlace interno.
Después de la ejecución de los bloques de código anteriores, la página web funciona así:
El gif anterior ilustra el funcionamiento de los enlaces internos en la página web.
Conclusión
Los enlaces internos de HTML son los hipervínculos que se crean para permitir a los usuarios navegar a través de diferentes secciones de la página web. Para crear un enlace interno, pase la identificación del elemento HTML principal. Y proporcione esta identificación como un valor para el ' href ” atributo proporcionado por el ancla HTML “ ' elemento. Este ' El elemento ” se puede utilizar dentro de la barra de navegación o en cualquier lugar de la página web que actúa como navegador. Este artículo ha demostrado un ejemplo práctico del enlace interno HTML.