L’ancoratge al lloc és molt útil si voleu que els articles del vostre lloc tinguin una transició convenient entre els elements de la llista. Giren la pàgina al punt desitjat o obren la pàgina desitjada, ajudant l’usuari a trobar ràpidament la informació que necessita.
Si escriviu el vostre propi lloc, hauríeu d’haver pensat en com fer que la navegació del vostre lloc sigui més còmoda. Perquè l'usuari no hagi de cercar la informació que necessita entre totes les pàgines del vostre lloc, és millor utilitzar la tècnica "ancoratge". Es crearà un enllaç a qualsevol informació o document en qualsevol lloc del vostre lloc.
Teoria
Per crear una àncora, necessiteu dos elements:
- La part del codi, que indica l’enllaç al nostre ancoratge, que queda a una altra part del lloc.
- Qualsevol part del codi en què es pugui especificar un identificador és el nostre ancoratge.
Primer heu de crear la primera part de l’àncora: un enllaç a la mateixa. Un enllaç d’ancoratge té dues parts: un enllaç de pàgina i un enllaç d’ancoratge.
- Creeu una etiqueta "a" o qualsevol altra etiqueta que admeti l'atribut "href"
- En aquesta etiqueta creeu l'atribut "href"
- Especifiqueu un enllaç a la pàgina del lloc al valor de l'atribut.
- Després de l'enllaç, indiqueu l'enllaç a l'àncora mitjançant el símbol "#" i qualsevol nom de l'àncora (escrit junt, per exemple: "#anchor")
Si ometeu el punt 3 i no especifiqueu cap enllaç a la pàgina del lloc, es buscarà l’ancoratge a la pàgina actual. És a dir, si voleu crear un enllaç a un ancoratge situat a la mateixa pàgina, podeu ometre l'enllaç a la mateixa pàgina.
Queda per crear la segona part de l’àncora: l’identificador. Es refereix a qualsevol etiqueta del codi del lloc que admet l'atribut id. Per crear una àncora, necessiteu:
- Creeu un atribut "id" a l'etiqueta requerida.
- A l'atribut "id", especifiqueu el valor del nom de l'àncora especificat al pas anterior. (exemple:)
Després d'aquests dos passos, apareixerà un enllaç al lloc que us portarà a l'ancoratge especificat.
Pràctica
Vegem com es pot crear una àncora mitjançant un exemple específic.
Tenim una pàgina senzilla com aquesta:
Tenim text a la part superior i inferior de la pàgina, moltes etiquetes "br" que creen espai entre els textos. Hem de crear una àncora perquè puguem mirar ràpidament el text de la part inferior.
Per fer-ho, creeu una nova etiqueta: "a" després de la inscripció "text a la part superior". En ell creem l'atribut "href". Per fer l'àncora més còmoda, anotarem "a baix" a l'enllaç.
Ara especifiquem el valor "#yakor" a l'atribut: aquest serà un enllaç al nom de l'àncora.
La primera part de l’àncora, l’enllaç a aquesta, està a punt. Ara només queda crear el mateix ancoratge. Passem a la part desitjada de la pàgina. En aquest cas, es tracta de "text a la part inferior". Com que es tracta d’un text senzill sense etiqueta, hem de crear-lo. Per fer-ho, inclogueu el text en un "paràgraf" - etiqueta "p".
En aquesta etiqueta creem l'atribut "id" i hi introduïm el valor "yakor". El valor "yakor" coincideix amb el nom de l'àncora especificat a l'enllaç.
Ara la nostra àncora funciona com hauria de ser.
