Un dels diferenciadors principals entre llocs web i altres mitjans de comunicació és la idea de "enllaços", o hipervincles, ja que són tècnicament coneguts en termes de disseny web.
A més d'ajudar a fer que la web sigui actual, els enllaços, així com les imatges, són fàcilment els que més afegeixen coses a les pàgines web. Afortunadament, aquests elements són fàcils d'afegir (només dues etiquetes HTML bàsiques) i poden aportar emoció i interactivitat al que d'altra manera serien pàgines de text simples. En aquest article, aprendreu sobre l'etiqueta (àncora), que és l'element HTML real utilitzat per afegir enllaços a pàgines web.
Afegir enllaços
Un enllaç s'anomena àncora en HTML, de manera que l'etiqueta que la representi és l'etiqueta A. Comú, la gent simplement fa referència a aquestes addicions com a "enllaços", però l'àncora és el que s'afegeix actualment a qualsevol pàgina.
Quan afegiu un enllaç, heu d'assenyalar a l'adreça de la pàgina web que voleu que els usuaris facin quan facin clic o toqui (si estan en una pantalla tàctil) que enllacen. Heu d'especificar això amb l'atribut.
El href L'atribut significa "referència d'hipertext" i el seu propòsit és dictar l'URL en què vulgueu accedir a aquest enllaç específic. Sense aquesta informació, un enllaç és inútil: indicaria al navegador que l'usuari havia de portar-lo a algun lloc, però no tindria la informació de destinació disponible per on havia d'estar "en algun lloc". Aquesta etiqueta i aquest atribut van de la mà.
Per exemple, per crear un enllaç de text, escriviu:
Text que serà l'enllaç
Per tant, per enllaçar amb la pàgina d'inici de About.com Web Design / HTML, escriviu:
Lifewire
Podeu enllaçar gairebé qualsevol cosa a la vostra pàgina HTML, incloses les imatges. Simplement envolteu els elements o elements HTML que voleu ser un enllaç amb el
i etiquetes També podeu crear vincles de posició reservada deixant de banda la href atribut, però simplement assegureu-vos de tornar enrere i actualitzar la informació de l'href més tard o l'enllaç no farà res quan accedeixi.
HTML5 fa que sigui vàlid enllaçar els elements de bloc com els paràgrafs i DIV elements. Podeu afegir una etiqueta d'ancoratge al voltant d'una àrea molt més gran, com ara una llista de divisions o definicions, i que tota l'àrea serà "clicable". Això pot ser especialment útil quan es tracta de crear àrees de cops més grans i aptes per als dits d'un lloc web.
Algunes coses a tenir en compte a l'hora d'afegir enllaços
- El final l'etiqueta és obligatori. Si oblideu d'incloure'l, tot el que segueixi aquest enllaç també estigui enllaçat, fins que un altre enllaç tanqui l'etiqueta.
- La majoria de les vegades, és millor vincular imatges senzilles i petits formats de text, en lloc de grans blocs de text. Els enllaços poden afegir colors i subratllar estils a la vostra pàgina que poden ser difícils de llegir. Per descomptat, podeu utilitzar CSS per canviar aquests estils d'enllaços i editar colors o eliminar subratllats, però encara és bo tenir present aquesta realitat.
- Assegureu-vos de consultar els vostres enllaços perquè no vagin malament. Link Rot pot fer que els usuaris i els motors de cerca considerin que el vostre lloc no és vàlid. Feu servir un corrector d'enllaç periòdicament per verificar els enllaços a les vostres pàgines. Això és especialment cert quan es connecta a llocs de tercers (els que no administreu) i que poden canviar les hores de repòs de les pàgines, deixant-vos amb enllaços morts. Un corrector d'enllaç trobarà aquests enllaços morts perquè pugueu fer les actualitzacions necessàries.
- Eviteu el text com "feu clic aquí" al vostre enllaç. Recordeu que les persones amb pantalles tàctils no poden "fer clic", de manera que el text se sent com un producte d'una època passada i, realment, no és rellevant en la web cíclica multiplataforma actual.
Altres tipus d'enllaços d'interès
El A element crea un enllaç estàndard a un altre document, però hi ha altres tipus d'enllaços que us poden interessar:
- Enllaços interns o ancoratges: són enllaços a una pàgina web, no necessàriament a la part superior.
- Mapes d'imatges: els mapes d'imatges permeten crear vincles en imatges que es mapegen a àrees específiques de la imatge. Aquests es poden utilitzar per a jocs o navegació creativa. Sovint els veig amb mapes on es poden fer clic a les àrees del mapa. Tingueu en compte que els mapes d'imatges no s'utilitzen a la majoria de llocs web moderns, en part perquè poden causar problemes en el dispositiu mòbil.
- Element: aquest element s'utilitza per relacionar altres documents i pàgines amb l'actual. No crearà cap àrea que es pugui fer clic a la vostra pàgina web, però és útil per entendre.
