Hoy en coopademia: Compatibilidad de los navegadores con un sitio web

¿Qué significa que nuestra web sea compatible?

Significa que se vea igual (o muy similar) en la mayoría de los navegadores. Si se consigue que se vea bien en: Chrome, Firefox, Opera, Safari, Mozilla y Edge, significa que el 99% de tus usuaries van a ver tu web correctamente.

¿Por qué hay incompatibilidad entre los navegadores?

Porque no todos los navegadores interpretan en código HTML y CSS de la misma manera, entre ellos existen pequeñas diferencias que hacen que el resultado no sea el mismo de unos a otros.

¿Cómo mejorar la compatibilidad de un sitio web?

Validar el código de la web en base a los estándares del W3C, te permite escanear en busca de errores de programación para una vez detectados poder corregirlos. A su vez nos permite saber que estamos haciendo las cosas correctamente más allá de la funcionalidad.

Algunos consejos de CSS que mejorar la compatibilidad

-> Reseteá tu css para anular los valores por defecto de cada navegador.

*​{
margin:o;
padding;
}

-> Usar reglas de CSS que sean soportadas por la mayoría de los navegadores, una buena herramienta para conocerlas es caniuse.com

Testear la web en diferentes navegadores.

El testeo puede ser de forma manual ingresando nuestra web en cada navegador, pero también hay diferentes herramientas que te permiten visualizar tu web en diferentes browser, como por ejemplo: Browershots, IE Tester y Browser Sandbox.

¿Sabías la importancia de testear la compatibilidad?

¡Hasta la próxima!

Links

https://www.lawebera.es/xhtml-css/compatibilidad-web-navegadores.php