¿Qué es href = # y por qué se usa??

¿Qué es href = # y por qué se usa??
HTML contiene numerosas etiquetas con funcionalidades particulares. Estos elementos o etiquetas pueden asociarse con los atributos. Más específicamente, los atributos se refieren a la información adicional de los elementos. El html ""La etiqueta se usa para incrustar el hipervínculo de otra página HTML en un documento. Utiliza el "hrefAtributo para establecer la URL de otro documento HTML.

Este artículo te instruirá:

  • ¿Qué es html "" Etiqueta?
  • ¿Qué es href "#"¿Y por qué se usa?

¿Qué es la etiqueta html ""??

El html ""La etiqueta es una etiqueta de anclaje. Se utiliza para vincular un documento a otro. La sintaxis de la etiqueta "" se da a continuación:

contenido

Aquí el ""La etiqueta consiste en una etiqueta inicial, un"href"Atributo, y la etiqueta final.

Ejemplo: cómo usar el atributo "href"?
En el siguiente ejemplo, el "href"El atributo especifica la referencia o URL del documento adjunto:

Linuxhint

Aquí el ""La etiqueta ha convertido el texto en un hipervínculo. Al hacer clic en él, nos navegará al sitio web de Linuxhint:

¿Qué es href = "#" y por qué se usa??

El "href"El atributo puede tener valores diferentes. Sin embargo, el valor "#"Te lleva a la parte superior de la página actual. La mayoría de las veces, el atributo "href" con el valor "#Los desarrolladores utilizan los desarrolladores para hacer un hipervínculo ficticio para las plantillas de sitios web.

El "href"El atributo puede tener valores diferentes. Algunos de ellos se mencionan a continuación:

  • href = "#identificación"
  • href = "#"
  • href = ""
  • href = "un enlace"

Ejemplo 1: Cómo usar href = "#id" en CSS?
El "href"El atributo se puede configurar con el"#"Junto con alguna identificación. Cuando un usuario hace clic en el hipervínculo, llevará al usuario a la sección específica:

  • En el archivo HTML, agregue dos ""Elementos con el"identificación"Atributos"parte 1" y "parte 2", Respectivamente.
  • Ambos elementos "" contienen algún contenido.
  • El primero "" contiene el "

    "Etiqueta para incrustar el encabezado del nivel 2.

  • Entonces el ""La etiqueta se utiliza con el"href" atributo. El "href"El atributo se establece como"#parte 2", Que indica la" id "del segundo elemento" ".
  • A continuación, incluya el "
      " y "
    • "Etiquetas con algunos datos.
    • En el segundo elemento "div", configure el "

      " y "

      "Etiquetas para incrustar el encabezado y un párrafo:


    Parte 1


    Desplácese hasta la segunda sección

    • Llévame a la segunda sección

    • Llévame a la segunda sección




    Parte 2


    Se ha iniciado la Sección 2
    Hola soy la sección 2. Hola, soy la sección 2


    De la siguiente salida, se puede observar que hemos navegado con éxito a la sección especificada con la ayuda del "href" atributo:

    Ejemplo 2: Cómo usar href = "#" en CSS?
    El "href"Atributo con el valor"#"Mueve al usuario a la parte superior de la página que se muestra actualmente.

    Ahora, tome un ejemplo anterior y modifíelo agregando el ""Elemento en el segundo"div"Contenedor después del"

    " etiqueta. Selecciona el "href"Atributo con el valor"#":


    Parte 2


    Desplácese hasta la cima

    Se ha iniciado la Sección 2
    Hola soy la sección 2. Hola, soy la sección 2


    El resultado muestra que el hipervínculo desplaza la ventana a la parte superior:

    Ejemplo 3: Cómo usar href = "" en CSS?
    El valor en blanco del "hrefEl atributo se utiliza para actualizar la página. En el ejemplo en curso, agregue el siguiente fragmento de código al final del segundo "":

    Actualizar página

    Producción

    Hemos explicado cuál es el atributo href = "#" y cómo usarlo.

    Conclusión

    El "href"Atributo del"El elemento establece el destino del hipervínculo. Sin embargo, se puede configurar con varios otros valores como "#","#Some-id "y en blanco. El hipervínculo creado con el valor "#" lleva al usuario a la parte superior del documento. El "#Some-Id"Hace que el Hyperlink se desplace a la sección ID especificada en el documento actual, y el valor en blanco (" ") se utiliza para actualizar la página. Este artículo ha explicado cuál es el atributo href = "#" y por qué se usa en HTML.