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, ya que son técnicamente conocidos 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 las cosas que se agregan con mayor frecuencia en las páginas web. Afortunadamente, estos elementos son fáciles de agregar (solo dos etiquetas HTML básicas) y pueden brindar emoción e interactividad a lo que de otra manera serían páginas de texto simple. En este artículo, aprenderá acerca de la etiqueta (ancla), que es el elemento HTML real utilizado para agregar enlaces a las páginas del sitio web.
Agregando Enlaces
Un enlace se denomina ancla en HTML, por lo que la etiqueta que lo representa es la etiqueta A. Comúnmente, 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 a la dirección de la página web a la que desea que vayan sus usuarios cuando hagan clic o toquen (si están en una pantalla táctil) ese enlace. Usted especifica esto con el atributo.
los 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: le diría al navegador que el usuario debe ser llevado a algún lugar, pero no tendría la información de destino disponible donde debería estar ese "lugar". Esta etiqueta y este atributo van de la mano.
Por ejemplo, para crear un enlace de texto, escribe:
Texto que será el enlace.
Entonces, para enlazar a la página de inicio de Diseño Web / HTML de About.com, escriba:
Lifewire
Puedes vincular casi cualquier cosa en tu página HTML, incluidas las imágenes. Simplemente rodee los elementos HTML o los elementos que desea que sean un enlace con el
y etiquetas También puede crear enlaces de marcador de posición omitiendo el href atributo - pero asegúrese de volver atrás y actualizar la información href más adelante o el enlace no hará nada cuando se acceda.
HTML5 hace que sea válido para 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 lista de división o definición, y esa área completa será "seleccionable". Esto puede ser especialmente útil cuando se trata de crear áreas de impacto más grandes y amigables con los dedos en un sitio web.
Algunas cosas para recordar al agregar enlaces
- El final etiqueta es necesario. 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 los estilos de estos 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 dañen. Link Rot puede hacer que tanto los usuarios como los motores de búsqueda consideren que su sitio no es válido. Use un verificador de enlaces regularmente 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 el tiempo extra de sus páginas, dejándole con enlaces muertos. Un verificador de enlaces encontrará estos enlaces muertos para que pueda realizar las actualizaciones necesarias.
- Evite el 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 interesantes de enlaces
los UNA element crea un enlace estándar a otro documento, pero hay otros tipos de enlaces en los que podría estar interesado:
- Enlaces internos o anclajes: estos son enlaces a algún lugar dentro de una página web, no necesariamente la parte superior.
- Mapas de imagen: los mapas de imagen permiten crear enlaces en imágenes que se asignan a áreas específicas de la imagen. Estos pueden ser utilizados para juegos o navegación creativa. A menudo los ves con mapas donde se puede hacer clic en las á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 el dispositivo móvil.
- El elemento: este elemento se utiliza para relacionar otros documentos y páginas con el actual. No creará un área seleccionable en su página web, pero es útil de entender.
