Un ancoratge et permet anar a diferents parts d’una mateixa pàgina html.
Per exemple, imagineu que tenim un index amb diversos plats i sota de tots els plats la recepta de cada un d’ells. Volem que clicant damunt de cada plat anem a veure la recepta, i un cop l’hagim llegida, tornar a l’index, sense fer servir la barra de desplaçament vertical.
Al començament de la recepta del primer plat, cliquem damun l’eina d’ancoratge. A la barra d’eines que ens apareix posem un nom (sense majúscules ni accents), per exemple, “macarrons”. Tornem a la llista del principi, l’index, i seleccionem el primer plat, que casulament són macarrons, i ho vinculem a l’ancoratge que hem posat més avall. Això podem fer-ho de dues maneres:
-
Amb “macarrons” de l’índex seleccionat, baixem fins al lloc on hem posat l’ancoratge i arrosseguem l’eina d’enllaç.
-
Amb “macarrons” de l’índex seleccionat, anar a l’espai de vincles i escriure #macarrons (o la paraula que hagim decidit que identifica l’ancoratge)
Compliquem-ho un xic més:
Ara volem que des d’una altra pàgina del nostre site poguem anar directament a la part que ens interessa de la pàgina de receptes, o sigui, la recepta dels macarrons. Molt senzill: seleccionem el text que ens farà de link i a la finestreta de vincle escrivim: el nom de la pàgina on es troba la part que ens interessa + # + el nom de l’ancoratge. En aquest cas seria: recepta.html#macarrons
Ara volem poder tornar a l’inici de la pàgina quan hàgim acabat de llegir la recepta:
-
Immediatament després de la recepta, escrivim “pujar” o “tornar”
-
A índex, insertem un ancoratge
-
Seleccionem “pujar” i ho enllaçem amb l’ancoratge, com he explicat abans.
També hi ha una manera més fàcil de fer-ho:
-
Seleccionem “pujar” i a la finestreta de vincle escrivim simplement #. Automàticament ens durà a l’inici de la pàgina html.
1- Sota la descripció de Macarrons, escrivim “Pujar”
2- Fem un ancoratge a Menú
3- Seleccionem “pujar” i fem enllaç amb l’ancoratge
b)
1- Seleccionem “pujar” i a la finestra de vincle escrivim #Automàticament ens porta al principi de la pàgina
