Ligazóns ou ancoras en páxinas web
Un dos principais diferenciadores entre sitios web e outras formas de comunicación é a idea de "ligazóns", ou hipervínculos como son tecnicamente coñecidos en termos de deseño web.
Ademais de axudar a facer a web o que é hoxe, as ligazóns, así como as imaxes, facilmente son as cousas que máis se engaden nas páxinas web. Porén, estes elementos son fáciles de engadir (só dúas etiquetas HTML básicas ) e poden traer emoción e interactividade para o que de outra forma serían páxinas de texto simples. Neste artigo, aprenderá sobre a etiqueta (ancora), que é o elemento HTML real para engadir enlaces a páxinas web.
Engadir ligazóns
Unha ligazón chámase ancora en HTML, polo que a etiqueta para representala é a etiqueta A. Comúnmente, as persoas simplemente fan referencia a estas adicións como "ligazóns", pero a referencia é o que se está a engadir a calquera páxina.
Cando engadas unha ligazón, debes indicar a dirección da páxina web á que queres que accedan os teus usuarios cando fagan clic ou pulse (se están nunha pantalla táctil) que a ligan. Especifica isto co atributo.
O atributo href significa "referencia de hipertexto" eo seu propósito é dictar o URL onde desexa que vaia. Sen esta información, unha ligazón é inútil: indicaríalle ao navegador que o usuario debería ser levado a algún lugar, pero non tería a información de destino dispoñible por onde debía ser "nalgún lugar". Esta etiqueta e este atributo van da man.
Por exemplo, para crear unha ligazón de texto, escribes:
URL da páxina web para ir a "> Texto que será a ligazón
Entón, para conectarse á páxina de inicio de Deseño Web de About.com, debes escribir:
Pode vincular case calquera cousa na súa páxina HTML, incluídas as imaxes . Simplemente rodea os elementos ou elementos HTML que quere ser unha ligazón coas etiquetas e . Tamén pode crear ligazóns de marcador de posición deixando o atributo href - pero asegúrese de volver e actualizar a información href máis tarde ou a ligazón non fará nada cando acceda.
HTML5 fai válido vincular elementos de nivel de bloque como parágrafos e elementos DIV . Pode engadir unha etiqueta de ancoraxe nunha área moito máis grande, como unha división ou lista de definicións e que toda a área será "premer". Isto pode ser especialmente útil cando se trata de crear áreas de maior alcance para os dedos nun sitio web.
Algunhas cousas que debes recordar ao engadir enlaces
- Requírese a etiqueta final. Se esquezas de incluílo, tamén se vinculará todo o seguinte, ata que outra ligazón pecha a etiqueta.
- Na maioría das veces, o mellor é vincular imaxes únicas e curtos de texto, en vez de grandes bloques de texto. As ligazóns poden engadir cores e subliñar estilos á túa páxina que poden ser difíciles de ler. Por suposto, pode usar CSS para cambiar estes estilos de ligazóns e editar cores ou eliminar subliñados, pero aínda é bo ter presente esta realidade.
- Asegúrate de verificar as túas ligazóns para que non te marchen mal. Link Rot pode facer que os usuarios e os motores de busca consideren que o seu sitio non é válido. Use un verificador de ligazón regularmente para verificar as ligazóns nas túas páxinas. Isto é especialmente verdadeiro cando se enlaza a sitios de terceiros (os que non administra) e que poden cambiar as súas páxinas ao longo do tempo, deixándoo con enlaces mortos. Un corrector de ligazón atopará estes enlaces mortos para que poida facer as actualizacións necesarias.
- Evite o texto como "faga clic aquí" na súa ligazón. Lembre que as persoas con pantallas táctiles non poden "facer clic", polo que o texto se parece a un produto dunha era pasada e realmente non é relevante na web céntrica de varios dispositivos.
Outros tipos de enlaces interesantes
O elemento A crea unha ligazón estándar a outro documento, pero hai outros tipos de ligazóns nos que pode estar interesado:
- Ligazóns internas ou ancoras. Estas son ligazóns a algún lugar dentro dunha páxina web, non necesariamente a parte superior.
- Mapas de imaxes: os mapas de imaxes permiten crear ligazóns en imaxes que están mapeadas en áreas específicas da imaxe. Estes poden usarse para xogos ou navegación creativa. Moitas veces veos con mapas onde se poden facer clic nas áreas no mapa. Ten en conta que os mapas de imaxes non se usan nos sitios web máis modernos, en parte porque poden causar problemas no dispositivo móbil.
- O Elemento-Este elemento úsase para relacionar outros documentos e páxinas co actual. Non creará unha área de clic na súa páxina web, pero é útil para entender.