Guia per a principiants per afegir enllaços interns en HTML

Utilitzeu l'etiqueta d'atribut ID per crear marcadors de pàgina

Quan esteu treballant en un document HTML i voleu que els usuaris puguin fer clic en un tema i que es transportin de manera instantània a una ubicació marcada dins del document, les etiquetes de l'atribut ID són útils. Això ocorre sovint quan enumera una sèrie de temes a la part superior de l'article i, a continuació, vincula cada tema a una secció relacionada més avall a la pàgina web.

Els documents HTML inclouen sovint enllaços externs a altres documents, però també poden incloure enllaços en un únic document. En fer clic en una etiqueta, el lector transporta a una secció marcada específica a la pàgina web. Finalment, és possible que es pugui enllaçar a ubicacions de píxels exactes en documents, però per ara, podeu utilitzar l'etiqueta d'identificació per crear un enllaç i una ubicació al document. A continuació, feu servir href per anar-hi. Una etiqueta identifica la destinació, i la segona etiqueta identifica l'enllaç a la destinació.

Nota: HTML 4 i versions anteriors utilitzen l'atribut Name per formar enllaços interns. HTML 5 no admet l'atribut del nom, de manera que s'utilitza l' atribut ID .

Al document, decideixi on voleu que vagin els enllaços interns. Et etiquetes amb l'etiqueta d'ancoratge amb els atributs de l' id . Per exemple:

Text d'àncora

A continuació, crea l'enllaç a la secció del document mitjançant l'etiqueta d'ancoratge i l'atribut href. Indica l'àrea anomenada amb un #.

Enllaç d'ancoratge

El truc és assegurar-se de posar el al voltant del text o d'una imatge.

Aquí

Moltes vegades veus que la gent fa servir aquests enllaços sense que hi hagi res, però això no és tan fiable com un àncora que envolta una paraula o una imatge. Molts navegadors prefereixen tenir algun element per situar-se a la part superior de la pantalla; quan no inclogui res, corre el risc que es confongui el navegador.

Un enllaç per tornar al principi d'una pàgina web

Quan vulgueu afegir un enllaç molt lluny en una pàgina web per tornar l'espectador a la part superior de la pàgina, l'enllaç intern és senzill de configurar. A HTML, l'etiqueta defineix un enllaç. href = seguit de l'URL de l'enllaç de destinació en les cites (o una URL abreujada si l'enllaç es troba dins del mateix document), i després el text de l'enllaç que és visible a la pàgina web. En fer clic al text de l'enllaç, se us enviarà a l'adreça especificada. Utilitzant aquesta sintaxi:

text de l'enllaç