Skip to main content

¿Qué es un cursor HTML?

  • August

Un cursor de Lenguaje de marcado de hipertexto (HTML) se refiere a la apariencia del puntero del mouse tal como se representa en la pantalla. Aunque el cursor tiene un conjunto de aspectos y comportamientos predeterminados que son controlados tanto por el sistema operativo en una computadora como por el propio programa de navegación web, ambos pueden cambiarse dentro de un documento HTML. El cambio en la forma de un cursor puede ser puramente por motivos estéticos o de diseño, o puede ayudar a enfatizar la utilidad de un componente del sitio web. Además de poder cambiar el cursor a una de las formas predefinidas del sistema, también se puede cambiar a una imagen personalizada. Sin embargo, existen algunos problemas con el uso de un cursor HTML, la mayoría de ellos derivados de implementaciones incompletas del navegador del idioma o restricciones del sistema operativo.

La capacidad de modificar el estado y la imagen de un cursor HTML fue casi siempre una función que se podía lograr en línea mediante el uso de algunos scripts o complementos muy largos e inconsistentes, pero la introducción de la segunda versión de Cascading Style Sheets ( CSS) en HTML hizo el proceso mucho más fácil y mucho más consistente. Al cambiar la propiedad del cursor del modelo de objetos de documento (DOM), se puede modificar el cursor tal como aparece dentro de la ventana de visualización del navegador. La funcionalidad real del mouse, en cuanto a hacer clic y arrastrar, no se puede cambiar de esta manera.

El cursor HTML se puede cambiar a cualquiera de varias formas predefinidas. El sistema operativo emplea la mayoría de estas formas durante el uso normal e incluye la flecha de puntería estándar, la mira, un icono de espera o flechas que se usan al cambiar el tamaño de las ventanas en diferentes direcciones. También existe la posibilidad de especificar una imagen personalizada para usar en lugar del cursor. Para especificar un cursor HTML del cliente, el archivo de imagen no debe tener más de 32 píxeles de ancho y alto. También debe diseñarse en un formato de archivo que permita la transparencia para que partes del sitio web debajo de las secciones no utilizadas del cursor sean visibles, y para que el cursor en sí no aparezca como un bloque opaco sólido con un icono dibujado en él.

No todos los navegadores implementan todas las funciones de la misma manera, por lo que cambiar un cursor HTML no siempre tiene los mismos resultados. Algunos navegadores admiten diferentes nombres para diferentes cursores del sistema, mientras que otros requieren algunos ajustes de código para que aparezca un cursor HTML personalizado. Además, el sistema operativo que se utiliza y el contexto en el que se ejecuta el navegador también pueden evitar que se cambie el cursor.