Cos'è href = # e perché viene utilizzato?

Cos'è href = # e perché viene utilizzato?
HTML contiene numerosi tag con funzionalità particolari. Questi elementi o tag possono essere associati agli attributi. Più specificamente, gli attributi si riferiscono alle informazioni aggiuntive degli elementi. L'HTML “"Il tag viene utilizzato per incorporare il collegamento ipertestuale di un'altra pagina HTML in un documento. Utilizza il "Href"Attributo per impostare l'URL di un altro documento HTML.

Questo articolo ti istruirà:

  • Cos'è html ""Tag?
  • Cos'è href "#"E perché viene utilizzato?

Cos'è il tag html ""?

L'HTML “"Il tag è un tag di ancoraggio. È utilizzato per collegare un documento a un altro. La sintassi del tag "" è riportata di seguito:

contenuto

Qui, il ""Il tag è costituito da un tag iniziale, un"Href"Attributo e il tag finale.

Esempio: come utilizzare l'attributo "href"?
Nel seguente esempio, il "Href"L'attributo specifica il riferimento o l'URL del documento allegato:

Linuxhint

Qui, il ""Tag ha convertito il testo in un collegamento ipertestuale. Facendo clic su di esso ci passerà al sito Web LinuxHint:

Cos'è href = "#" e perché viene utilizzato?

IL "Href"L'attributo può avere valori diversi. Tuttavia, il valore "#"Ti porta in cima alla pagina corrente. Il più delle volte, l'attributo "href" con il valore "#"Viene utilizzato dagli sviluppatori per creare un collegamento ipertestuale fittizio per i modelli di siti Web.

IL "Href"L'attributo può avere valori diversi. Alcuni di loro sono menzionati di seguito:

  • href = "#id"
  • href = "#"
  • href = ""
  • href = "qualche collegamento"

Esempio 1: come usare href = "#id" in CSS?
IL "Href"L'attributo può essere impostato con il"#"Insieme ad un documento d'identità. Quando un utente fa clic sul collegamento ipertestuale, porterà l'utente alla sezione specifica:

  • Nel file HTML, aggiungi due ""Elementi con il"id"Attributi"parte 1" E "parte 2"Rispettivamente.
  • Entrambi gli elementi "" contengono un contenuto.
  • Il primo "" contiene il "

    "Tag per incorporare l'intestazione del livello 2.

  • Poi il "Il tag è utilizzato con il "Href"Attributo. IL "Href"L'attributo è impostato come"#parte 2", Che indica l '" id "del secondo elemento" ".
  • Successivamente, includi il “
      " E "
    • "Tag con alcuni dati.
    • Nel secondo elemento "div", imposta il "

      " E "

      "Tag per incorporare l'intestazione e un paragrafo:


    Parte 1


    Scorri fino alla seconda sezione

    • Portami alla seconda sezione

    • Portami alla seconda sezione




    Parte 2


    La sezione 2 è stata avviata
    Ciao sono la sezione 2. Ciao, sono la sezione 2


    Dall'output seguente, si può osservare che abbiamo navigato con successo nella sezione specificata con l'aiuto di "Href"Attributo:

    Esempio 2: come usare href = "#" in CSS?
    IL "Href"Attributo con il valore"#"Sposta l'utente nella parte superiore della pagina attualmente visualizzata.

    Ora, prendi un esempio precedente e modificalo aggiungendo ""Elemento nel secondo"div"Contenitore dopo il"

    "Tag. Impostare il "Href"Attributo con il valore"#":


    Parte 2


    Scorrere verso l'alto

    La sezione 2 è stata avviata
    Ciao sono la sezione 2. Ciao, sono la sezione 2


    Il risultato mostra che il collegamento ipertestuale scorre la finestra in alto:

    Esempio 3: come usare href = "" in CSS?
    Il valore vuoto del "Href"L'attributo viene utilizzato per aggiornare la pagina. Nell'esempio in corso, aggiungi il seguente frammento di codice alla fine del secondo "":

    Aggiorna pagina

    Produzione

    Abbiamo spiegato qual è l'attributo Href = "#" e come usarlo.

    Conclusione

    IL "Href"Attributo del""Element imposta la destinazione del collegamento ipertestuale. Tuttavia, può essere impostato con diversi altri valori come "#","#Some-id "e vuoto. Il collegamento ipertestuale creato con il valore "#" porta l'utente nella parte superiore del documento. IL "#Some-id"Effettua la scorrimento ipertestuale alla sezione ID specificata nel documento corrente e il valore vuoto (" ") viene utilizzato per aggiornare la pagina. Questo articolo ha spiegato qual è l'attributo HREF = "#" e perché viene utilizzato in HTML.