Come collegarsi a una parte specifica di una pagina con HTML

Come collegarsi a una parte specifica di una pagina con HTML
In HTML, a "collegamento ipertestuale"È un tipo di collegamento che comprende un indirizzo di destinazione che si comporta anche come riferimento ad alcune informazioni. Consente all'utente di saltare rapidamente o seguire l'indirizzo Web aggiunto toccando, facendo clic sul collegamento o in bilico su di esso. Mentre, "Salta i collegamenti"Non solo caricare la pagina Web ma salta anche alla parte specificata di una pagina.

Questo blog discuterà della procedura a collegamento a a parte specifica di una pagina con Html. Quindi iniziamo!

Salta i collegamenti in HTML

I collegamenti di salto sono principalmente utilizzati per reindirizzare gli utenti a una parte specifica in pagine Web più lunghe. Questi tipi di collegamenti HTML offrono un modo semplice e rapido per la creazione di scorciatoie nella parte mirata all'interno di una pagina HTML. Inoltre, l'aggiunta di collegamenti di salto richiede solo la conoscenza di base HTML e funziona, indipendentemente da dove provenga l'utente.

Ora, guarda alcuni fantastici vantaggi di aggiungere collegamenti di salto in HTML.

Vantaggi dell'utilizzo dei collegamenti Jump con HTML

Ecco un elenco di alcuni dei vantaggi dell'utilizzo dei collegamenti Jump con HTML:

  • L'aggiunta di collegamenti a salto può migliorare IL navigazione attraverso il sito web di un'organizzazione. Permette agli utenti di saltare in una parte specifica anziché scorrere manualmente attraverso la pagina web.
  • Scorrimento e clic per trovare le informazioni richieste possono richiedere molto tempo prezioso. Tuttavia, i collegamenti di salto possono migliorare IL usabilità di una pagina web e migliorare suo efficienza.
  • Con l'aiuto dei collegamenti di salto, puoi Organizza il sito Web elementi e ricerca del contenuto desiderato diventerà più facile per gli utenti.

Come aggiungere un collegamento in HTML

"" Il tag viene utilizzato per incorporare i collegamenti in HTML. Il collegamento specifico è posizionato tra l'apertura "" e chiusura "" tag. I tag con gli attributi HREF vengono utilizzati per incorporare un collegamento a qualsiasi sezione mirata della pagina. Simbolo hash "#"E la sezione"id"Sono anche menzionati in Href Per creare un collegamento al salto.

Ecco un codice di esempio per l'aggiunta di un link in HTML:

Ricerca Google

La riga sotto il testo "Ricerca Google" indica che un collegamento è allegato ad esso:

Facendo clic sul testo evidenziato sopra offerto al sito Web ufficiale di Google:

Ora andremo avanti e discuteremo del metodo per creare un collegamento di salto in HTML.

Come creare un collegamento di salto con HTML

Ai fini della creazione di un collegamento di salto con HTML, segui le istruzioni fornite.

  • Prima di tutto, nome lo specifico parte o l'oggetto di destinazione in cui si desidera saltare.
  • Poi, creare un html Tag di ancoraggio ""O un collegamento di salto e specifica il nome dell'elemento in"id"Attributo e aggiungilo al"a>”Tag di apertura.
  • da ultimo, clic sul aggiunto collegamento ipertestuale poiché ti navigerà verso la sezione in cui vuoi muoverti.

Esempio
Supponiamo che abbiamo una lunga pagina web contenente informazioni relative all'approccio di ricerca per la scrittura di un articolo. Comprende paragrafi diversi con le intestazioni "L1: ricerca","L2: comprensione","L3: esecuzione di comando e screenshot","L4: Write-up", E "L5: correzione di bozze e rimozione del plagio".

Passaggio 1: assegnare "ID" alla parte specifica
Nel primo passaggio, assegna un "ID" alla parte specifica della pagina Web in cui si desidera saltare. Nel nostro caso, aggiungeremo un salto per passare alla parte superiore della nostra pagina web in cui viene posizionata l'intestazione principale. Per farlo, assegneremo "Research_Approach"Come"id" a noi "Approccio di ricerca per scrivere un articolo" intestazione:

Approccio di ricerca per scrivere un articolo

Nota: Mentre assegna "id", Non separare le parole con gli spazi e cercare di non usare Pusca ":", periodi ".", e il hashtag "#" All'inizio poiché questi personaggi hanno funzionalità predefinite in HTML. Invece, Utilizzare i trattini O sottolineate per combinare le parole.

Passaggio 2: creare tag di ancoraggio ""
Quindi, creeremo un tag di ancoraggio "" e lo collegheremo a "H2" specificando il suo attributo "ID" in "HREF" con il personaggio "#":

superiore

A questo punto, la nostra pagina web sembra così:

Inoltre, il collegamento ipertestuale aggiunto o il collegamento Jump viene posizionato alla fine della pagina Web:

Passaggio 3: fare clic sul collegamento ipertestuale aggiunto
Infine, faremo clic sul collegamento ipertestuale aggiunto al "superiore"Testo per saltare all'intestazione principale della nostra pagina web:

Come puoi vedere, con l'aiuto di un salto aggiunto o di un collegamento di ancoraggio, ci siamo spostati correttamente nella parte specificata della nostra pagina web:

Abbiamo compilato il metodo più semplice per collegarsi a una parte specifica di una pagina web.

Conclusione

Per collegare a una parte specifica di una pagina con HTML, in primo luogo nome lo specifico parte o l'oggetto di destinazione in cui si desidera saltare. Poi, creare un html tag di ancoraggio "" o un collegamento di salto assegnando il nome dell'oggetto a "id"Attributo aggiungendo "#" all'inizio e incorporarlo nel tag di apertura e clic sul aggiunto collegamento ipertestuale poiché ti navigerà verso la parte specifica della pagina in cui si desidera saltare. Questo blog ha dimostrato la procedura a collegamento UN parte specifica di un pagina con Html.