• Publicidad
  • Contacto
Pixelco Tech News
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco
Sin resultados
Ver todos los resultados

Cómo indicar vínculos externos

Diego CambiasoporDiego Cambiaso
19/02/2007
enRecursos
Tiempo de lectura1 minuto
Compartir en FacebookCompartir en TwitterCompartir en WhatsappCompartir en TumblrCompartir en Telegram

Suele resultar molesto estar en un sitio y al hacer clic en un enlace, que este nos lleve a una página externa. La solución que muchos adoptan es la de abrir la página en una ventana nueva, esto no solo interfiere con la navegabilidad del usuario y la usabilidad del sitio, sino que también si desarrollas con XHTM, el atributo target no está permitido.
Particularmente me gusta la forma que tiene Wikipedia de indicar los enlaces externos por medio de pequeño ícono. Para implementar esto solo debemos trabajar con nuestras CSS agregando un código como el que sigue

a[href^="http"] {background:url(images/sitioexterno.gif) no-repeat right top;}

Por el momento solo funciona en navegadores con algún soporte para CSS3. En Firefox lo puedes usar, pero tus usuarios con Internet Explorer 6 o inferior no lo verán.

Otra opción es crear en la CSS una clase y usarla en los enlaces externos.

Tags: CSS, CSS3, XHTML, enlaces externos

Contenidorelaciondo

Venngage - Herramienta online - Interfaz

Cómo hacer una infografía con Venngage

05/04/2019
Gen3 Spot

Cómo los gadgets satelitales ayudan en desastres naturales

01/03/2019
Guía web hosting WordPress

Cómo contratar Web Hosting para WordPress

17/12/2018
I Dont Care About Cookies

I Don’t Care About Cookies – Extensión para no ver más esos molestos mensajes

17/09/2018
Tags: CSSCSSGeneralRecursos
Diego Cambiaso

Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer Blogger desde el 2006, creador de Pixelco Tech News. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

Contenido Relacionado

Venngage - Herramienta online - Interfaz
Diseño

Cómo hacer una infografía con Venngage

05/04/2019
Gen3 Spot
Recursos

Cómo los gadgets satelitales ayudan en desastres naturales

01/03/2019
Guía web hosting WordPress
Tecnología

Cómo contratar Web Hosting para WordPress

17/12/2018
Cargar más

Pixelco Tech

Pixelcoes sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

Objetivo de Pixelco

Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

  • Contacto
  • Publicidad
  • Sobre Pixelco
  • Política de Privacidad

© 2023 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

Sin resultados
Ver todos los resultados
  • Publicidad
  • Contacto
  • Política de Privacidad
  • Sobre Pixelco
  • Internet
    • Recursos
    • Diseño
    • Desarrollo/programación
  • Tecnología
  • Noticias
  • Fotografía

© 2023 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies Política de privacidad.