Le ancore sono state a lungo utilizzate per collegarsi a parti specifiche di pagine Web. Un anchor è costituito da un collegamento ipertestuale creato da tag anchor e da un elemento - intestazioni, paragrafi, immagini e div, per citare alcuni esempi - che contiene un ID. Finché un div ha un ID, può essere utilizzato come ancora.
Ancoraggi HTML
Un ancoraggio HTML utilizza i tag di ancoraggio "" per collegarsi a qualsiasi elemento con il suo "nome" o Attributo "ID". Sebbene "name" sia stato usato in passato, l'uso di "ID" è considerato una procedura consigliata poiché "name" è ora un attributo deprecato - non attuale - in HTML 4 e versioni successive. Invece di creare un collegamento che punta a un percorso di file, è possibile creare un collegamento che punta all'ID o al nome di qualsiasi elemento HTML.
Usi di ancore
Le ancore sono in genere utilizzate su pagine Web che contengono grandi quantità di testo. In una pagina Web che ha molte sezioni con sottotitoli, è possibile creare un elenco di collegamenti che fungono da sommario. Ogni collegamento punta a un tag di intestazione o div in base al suo ID. Un altro uso delle ancore è la creazione di collegamenti "jump" che riportano l'utente all'inizio di una lunga pagina Web, riducendo la necessità di scorrimento. È anche possibile collegarsi a una parte specifica di un'altra pagina.
Ancoraggio di un Div
L'aggiunta di un ID a un div ti consentirà di collegarti ad esso utilizzando i tag "": Contenuto ... L'ID è ora accessibile da tag di ancoraggio, fogli di stile e JavaScript. Se hai un div che contiene già un ID, dovrai utilizzare quell'ID.
Collegamento a un ancoraggio div
Il metodo per creare un collegamento a un elemento ancorato prevede l'impostazione dell'attributo "href" di una coppia di "" tag al nome ID, preceduto da un simbolo hash: Vai a My Stuff Vai a My Stuff su Page 2 Il primo link invierà l'utente all'elemento con un ID di "my_stuff", purché è sulla stessa pagina che viene visualizzata nel browser. Il secondo link caricherà una pagina diversa nel browser e passerà alla div "my_stuff"
Computer © www.354353.com