Come collegarsi a una parte specifica di una pagina Web e condividerla

Quando fai clic su un URL, il browser lo apre in una nuova scheda e ti porta in cima alla pagina web. E se volessi andare a una parte specifica di una pagina web. Come la voce d’infanzia Steve Jobs su Wikipedia o un particolare Facebook posta o una domanda su Stack Exchange. In questo modo il tuo pubblico non deve perdere tempo a navigare nel sito web.

Collegamento a una parte specifica di una pagina Web

1. Usa tag ID

Supponiamo che tu stia scrivendo un articolo in cui ti colleghi a una risposta specifica da StackOverflow. A differenza di Reddit, StackOverflow non ha permalink, quindi dovrai modificare manualmente il codice HTML.

Per fortuna la maggior parte dei browser ha la capacità di ispezionare Elements.

Basta andare alla risposta che si desidera collegare e fare clic con il pulsante destro del mouse sull’area accanto. Dal menu di scelta rapida, selezionare l’opzione Ispeziona elemento. Inspect-Elements-in-chrome

Ti mostrerà il codice HTML, cercherà un tag ID o un’opzione Value. Una volta trovato, copiarlo negli Appunti.

find-out-ID-tag-from-souce-code

Quindi, prendi l’URL della pagina web e aggiungi il #ID alla fine.

Ad esempio, se l’URL della pagina è –

http://stackoverflow.com/questions/214741/what-is-a-stackoverflowerror

e il suo ID è – 29279234, quindi l’URL di salto diventerà –

http://stackoverflow.com/questions/214741/what-is-a-stackoverflowerror#29279234

Ed è tutto quando qualcuno fa clic su quel link, li porterà direttamente a quella parte della pagina.

2. Estensione di Chrome

Nel recente aggiornamento di Chrome, la ricerca di Google evidenzia ora il testo cercato nelle pagine Web per semplificare il lettore. Pertanto, per gli sviluppatori Web per facilitare il collegamento a un testo specifico su una pagina Web, Google ha lanciato il Link al frammento di testo estensione cromata.

Una volta installata l’estensione, è possibile creare collegamenti a una parte specifica della pagina Web. Seleziona una parte del testo sulla pagina Web, tasto destro del mouse e clicca su “Copia collegamento al testo selezionato”. Genererà un collegamento e lo copierà automaticamente negli Appunti.

link-to-text-frammento-estensione

L’estensione è piuttosto nuova e presenta un paio di bug. Nel caso in cui la porzione di testo selezionata contenga un collegamento ipertestuale o un’immagine, sostanzialmente un elemento non testuale, genera un errore che dice: “Impossibile creare un collegamento univoco, selezionare una sequenza di parole più lunga”. Il messaggio di errore è totalmente sbagliato. Il problema è che l’estensione ha esito negativo quando nel testo selezionato sono presenti collegamenti ipertestuali o elementi non testuali.

3. Facebook

Per collegarsi a un post specifico su siti popolari come Facebook, Twittero persino Stack Exchange, ecc., cerca i timestamp del post. Una volta trovato, fai clic con il pulsante destro del mouse e copia l’URL. Ora, se incolli l’URL in una nuova scheda, vedrai solo quel particolare post. Questo funziona per la maggior parte dei siti Web che utilizzano i timestamp.

Link-to-a-Specific-Post-on-facebook-with-time-stamp

3. Wikipedia

Se il collegamento spesso collega la pagina wiki, è possibile collegare facilmente la sezione copiando il collegamento nella sezione contenuto.

wikipedia