Uno de los principales diferenciadores entre los sitios web y otras formas de medios de comunicación es la idea de "enlaces" o hipervínculos como se les conoce técnicamente en términos de diseño web.
Además de ayudar a hacer de la web lo que es hoy, los enlaces, así como las imágenes, son fácilmente los elementos que se añaden con más frecuencia a las páginas web. Afortunadamente, estos elementos son fáciles de agregar (solo dos etiquetas HTML básicas) y pueden aportar emoción e interactividad a lo que de otro modo serían páginas de texto sin formato. En este artículo, aprenderá sobre la etiqueta (ancla), que es la Elemento HTML se utiliza para agregar enlaces a las páginas del sitio web.
Agregar enlaces
Un enlace se denomina ancla en HTML, por lo que la etiqueta que lo representa es la etiqueta A. Por lo general, la gente simplemente se refiere a estas adiciones como "enlaces", pero el ancla es lo que realmente se agrega a cualquier página.
Cuando agrega un enlace, debe apuntar al
dirección de la página web al que desea que accedan sus usuarios cuando hagan clic o toquen (si están en una pantalla táctil) ese enlace. Especifica esto con el atributo.La href atributo significa "referencia de hipertexto" y su propósito es dictar la URL a la que desea que vaya ese enlace específico. Sin esta información, un enlace es inútil, ya que le diría al navegador que el usuario debe ser traído en algún lugar, pero no tendría la información de destino disponible para el lugar donde ese "lugar" debería ser. Esta etiqueta y este atributo van de la mano.
Puede vincular casi cualquier cosa en su página HTML, incluido imagenes. Simplemente rodee los elementos HTML o los elementos que desea que sean un enlace con las etiquetas y. También puedes crear enlaces de marcador de posición dejando fuera el href atributo, pero asegúrese de volver atrás y actualizar la información href más tarde o el enlace no hará nada cuando se acceda a él.
HTML5 hace que sea válido vincular elementos a nivel de bloque como párrafos y DIV elementos. Puede agregar una etiqueta de anclaje alrededor de un área mucho más grande, como una división o una lista de definiciones, y se podrá "hacer clic" en toda el área. Esto puede ser especialmente útil cuando se intenta crear áreas de acceso más grandes y fáciles de usar en un sitio web.
Algunas cosas para recordar al agregar enlaces
- La etiqueta final es requerido. Si olvida incluirlo, todo lo que siga a ese enlace también estará vinculado, hasta que otro enlace cierre la etiqueta.
- La mayoría de las veces, es mejor vincular imágenes individuales y tramos cortos de texto, en lugar de grandes bloques de texto. Los enlaces pueden agregar colores y subrayar estilos a su página que pueden ser difíciles de leer. Por supuesto, puede usar CSS para cambiar estos estilos de enlaces y editar colores o eliminar subrayados, pero aún así es bueno tener en cuenta esta realidad.
- Asegúrate de revisar tus enlaces para que no se estropeen. Link Rot puede hacer que tanto los usuarios como los motores de búsqueda consideren que su sitio no es válido. Utilice un verificador de enlaces con regularidad para verificar los enlaces en sus páginas. Esto es especialmente cierto cuando se vincula a sitios de terceros (los que no administra) y que pueden cambiar sus páginas con el tiempo, dejándolo con enlaces muertos. Un verificador de enlaces encontrará estos enlaces muertos para que pueda realizar las actualizaciones necesarias.
- Evite texto como "haga clic aquí" en su enlace. Recuerde, las personas con pantallas táctiles no pueden "hacer clic", por lo que el texto se siente como un producto de una era pasada y realmente no es relevante en la web centrada en múltiples dispositivos de hoy.
Otros tipos de enlaces interesantes
La A El elemento crea un enlace estándar a otro documento, pero hay otros tipos de enlaces que pueden interesarle:
- Enlaces internos o anclajes: Estos son enlaces a algún lugar dentro de una página web, no necesariamente a la parte superior.
- Mapas de imágenes: Los mapas de imágenes permiten crear vínculos en imágenes que se asignan a áreas específicas de la imagen. Estos se pueden utilizar para juegos o navegación creativa. A menudo los ve con mapas donde se puede hacer clic en áreas del mapa. Tenga en cuenta que los mapas de imágenes no se utilizan en la mayoría de los sitios web modernos, en parte porque pueden causar problemas en dispositivos móviles.
- El elemento: este elemento se utiliza para relacionar otros documentos y páginas con el actual. No creará un área en la que se pueda hacer clic en su página web, pero es útil comprenderla.