Estándares web y navegadores
Antes de todo, tu tienes que saber que para acceder a la WWW se necesita de un Agente de Usuario (User Agent). Agentes de usuario son aquellas aplicaciones que acceden a la World Wide Web. Ejemplos de agentes de usuario son los navegadores, los buscadores, los lectores de pantallas, entre otros. Siendo los navegadores los más usados para esta tarea.
¿Que es un navegador?
Un navegador, navegador red o navegador web (del inglés, web browser) es un programa que permite visualizar la información que contiene una página web.1
Para poder visualizar correctamente la pagina web, la pagina debe de hacer uso de los estándares y el navegador interpretarlos como es debido.
¿Pero que es un estándar?
En tecnologÃa y otros campos, un estándar es una especificación que regula el modelo a seguir con el fin de garantizar la interoperatividad entre sistemas
En la World Wide Web se hace uso de los siguientes estándares: HTML, SVG, DOM, CSS, PNG, SOAP, XML, o HTTP.
¿Quien hace los estándares?
Los estándares los hace la W3C (World Wide Web Consortium), creadora del HTML. Ellos prefieren llamarle recomendaciones, ya que no estás obligado a usarlos, aunque claro que es mejor usarlos.
Pongamos como ejemplo, que acabas de adquirir un ventilador, seguro trae un instructivo, sin embargo nadie te obliga a leerlo, igual puedes armarlo a tu manera, pero si a las pocas horas o minutos se estropea no te harán valida la garantÃa ya que no seguiste la forma correcta de armalo como venia indicado en el instructivo.
En el caso de paginas web será igual, puedes escribir el (x)HTML como se te de la gana, pero si tu pagina se ve diferente en cada navegador, ya sabes de quien es la culpa.
Citando el siguiente texto
Es importante que entiendas que “estándar” no quiere decir “algo que es muy usado y común”. Por ejemplo, no puedo decir que “el chino es el idioma estándar de la Tierra”, ni tampoco el inglés. A este tipo de cosas se les llama “estándares de facto” o “pseudoestándares”.2
Esto lo pongo, porque muchos dirán que los “estándares” son los de Internet Explorer ya que es el más usado. Pues NO, Internet Explorer emplea los estándares de forma incorrecta, por lo que habrá dos formas de hacer la misma cosa, la buena y la mala; y al ser el navegador más usado el mundo se llenará de webs mal hechas, que solo se verán adecuadamente con él. Por lo que limita cualquier posibilidad de innovacion y retrasa el avance tecnologico en cuanto a diseño web, además imposibilitará a los demás usuarios de otros navegadores visualizar correctamente cualquier web que haga uso esos “estándares”. Usuarios que en porcentaje podrÃan parecer pocos, pero que en realidad son millones.
NO es mejor diseñar una web para IE porque es el más usado, es mejor diseñar una web que se vea bien en todos los navegadores (esto se consigue siguiendo los estándares).
Y bien, ahora hablando de como seguir los estándares, la recomendación más básica al crear una página web, es separar la apariencia del contenido, haciendo para ello uso de los estándares de XHTML y CSS, donde XHTML mantiene la estructura y CSS se encarga de la apariencia. Al hacerlo se ahorra codigo, puesto que cada pagina no tendrá que tener informacion acerca de su estilo en el mismo codigo, todas las paginas cambiaran su apariencia editando un solo archivo, la hoja de estilo (CSS).
Para ello necesitamos conocimientos de ambos lenguajes, asi que solo me limitare a poner manuales, ya que me tomarÃa una web entera hablar de ello.
manual XHTML
¿Que son las Hojas de estilo?
Manual CSS2
No todo depende de la pagina web
De nada sirve que la pagina web siga todos los estándares correctamente, si se usa un navegador que no los interpreta como es debido. Por eso es que hay que navegar con algun navegador que soporte al menos el 80% de los estándares actuales. Si quieres saber si tu navegador respeta los estándares puedes hacer uso del ACID3, el cual es un test que determina que tanto soporta los estándares un navegador.
Aqui están los resultados de la prueba de los navegadores actuales más usados.
imagen tomada de wikimedia
Notas y Referencias
1. http://es.wikipedia.org/wiki/Navegador_web
2. http://www.danielclemente.com/html/estandares.html#que_estandar
Daniel Clemente
W3C
ITCV
Manual XHTML
Sidar
Maestros del Web
Add comment
Fill out the form below to add your own comments
Normalmente me pasaba por las pelotas el programar mi página para que se vea bien en Internet Explorer, realmente ni me importaba. Pero el otro dÃa me tocó programar una web, que si o si debia ser posible accederla en cualquier navegador, y que problema con IE.
¿Te acuerdas? Si te pedà ayuda a vos con ese tema :P. La verdad que es odiable eso, tener que cambiar muchas cosas para que se vea bien en un navegador de mierda pero que lo usa la mayoria de la poblacion.
Y segun la imagen que mostras, hasta la version 8 solo cumple el 20%, son una verguenza.
Saludos y buen post.
PD: Fijate que no está fijado donde es el “#comentform”, ni “#comments”, por ahi es bastante util que estos dos sirvan.
Hola
Esta bueno el post, yo personalmente le escapo bastante a esta serie de estándares, mitad por vagancia.
Ocurre que uno empieza tocando de oÃdo, y construye miles de proyectos de los cuales 999 quedan en el camino.
Lo cierto es que (como dice JoaquÃn) hay veces que por cuestiones más bien profesional es necesario respetar estos estándares.
La otra opción es laburar con los “hacks” estructuras de control, etc.
Me gusto mucho la info
Un saludo
@Joaquin: SI me acuerdo de esa web que te tocó hacer. Que horror y que ironico que el peor de los navegadores sea el que más se usa. Viendo la imagen, no se como la lograste ver, porque cuando postee no me fije, pero ahora que veo, lightbox no va muy bien con pngs con transparecia.
Sobre los links anclados, me acabo de dar cuenta que solo pasa cuando no hay comentarios, luego funciona bien, nose si asi es flatpress o fue error mio al hacer el template.
@Arian: Si la verdad que yo siempre trabajo asÃ, hago conforme a los estandares y luego ya para corregir los problemas en ie agrego los hacks correspondientes, pero aunque esto lo soluciones si es bastante molesto trabajar dos veces para algo que no deberia de hacerse dos veces.
PD: ponete un gravatar
Por cierto joaquin, no tengo como editar/crear themes para flatpress el XAMPP se me cuelga con tan poca memoria. Asi que no puedo revisar bien tendré que hacerlo a ‘ciegas’
Hallo zusammen wie gehts euch, hier können Sie
sich Extra gute Wollqualität zum kleinen Preis eingeweiht.
Hier gibt es wichtige Inforrmationen und gute Tipps zume Theama Wolle kaufen.
Schauen Sie sich um, hier wird garantiert für Sie Interessantes hier sein.
Auf vereinen Besuch und Tipps würden wir uns freuen.
The superb and duly answer.
http://www.replicawatchesforsale.org/replica-omega-watches_c13
http://www.cheapswarovskionline.org
http://www.cheapswarovskionline.org/replica-swarovski-necklaces_c1
http://www.cartierlovebracelets.net
http://www.cartierlovebracelets.net/cheap-cartier-love-bracelet_c14
http://www.hermesbagsreplica.org
http://www.hermesbagsreplica.org/replica-hermes-birkin-bags_c3
http://www.hermesbagsreplica.org/replica-balenciaga-bags_c29
http://www.hermesbagsreplica.org/replica-gucci-bags_c26
http://www.hermesbagsreplica.org/replica-dior-bags_c27
http://www.replica-watchesuk.org
http://www.replica-watchesuk.org/uk-replica-rolex-watches_c1
http://www.replicawatchesforsale.org/replica-omega-watches_c13
http://www.cheapswarovskionline.org
http://www.cheapswarovskionline.org/replica-swarovski-necklaces_c1
http://www.cartierlovebracelets.net
http://www.cartierlovebracelets.net/cheap-cartier-love-bracelet_c14
http://www.hermesbagsreplica.org
http://www.hermesbagsreplica.org/replica-hermes-birkin-bags_c3
http://www.hermesbagsreplica.org/replica-balenciaga-bags_c29
http://www.hermesbagsreplica.org/replica-gucci-bags_c26
http://www.hermesbagsreplica.org/replica-dior-bags_c27
http://www.replica-watchesuk.org
http://www.replica-watchesuk.org/uk-replica-rolex-watches_c1
I intended to send you that bit of note to be able to say thanks the moment again for these pleasant suggestions you have featured in this case. This has been extremely generous of people like you to provide openly what a lot of people might have advertised for an ebook to generate some profit for their own end, specifically considering that you could possibly have tried it in case you considered necessary. Those smart ideas also served to be the easy way to comprehend other individuals have the identical dream similar to my own to learn much more with reference to this problem. I’m sure there are numerous more pleasurable times ahead for many who discover your site.