Estándares y Evolución de la WEB
Introducción
Actualmente en la gran red mundial (WWW), existe un sin fin de sitios WEB con distintos propósitos, como por ejemplo, los blogs, e-commerce, comunidades, intercambio de información, etc.
Si a esta gran variedad le sumamos los distintos navegadores que existen, tendremos que el mismo sitio se puede ver diferente para cada navegador, es aquí donde entra en acción los estándares WEB.
Un estándar no es más que una serie de reglas que sirven como guías para el uso de algún modelo, objetos, etc. Estas reglas o estándares para la WEB están desarrollados y mantenidos por el World Wide Web Consortium (W3C)
Historia
Al principio, la finalidad de las páginas WEB era el de poder publicar textos planos el cual pudiera ser accedido desde cualquier lugar.
Luego con el pasar de los tiempos, se pudieron ir agregando elementos visuales (imágenes por ejemplo) y esto abrió camino a una serie de cambios para hacer ya no solo páginas WEB, sino construir sitios WEB.
Más adelante, con el surgimiento de nuevos lenguajes de programación, se podrían hacer pequeñas aplicaciones e integrarlas en la páginas WEB, como lo era por ejemplo, un libro de visitas, un formulario de contacto, con esto se inicia lo que es Sitios WEB interactivos con el usuario (o visitante).
En este punto, dado que el usuario podía interactuar con la página WEB, surge la necesidad de crear “experiencias de usuarios”, con lo cual surge el uso de multimedia para ser la página más llamativa al usuario.
Hoy en día los sitios WEB han evolucionado de tal manera que las experiencias para el usuario, son lo más amigables y sociables posibles, de hecho, no solo se toma en cuenta los distintos tipos de navegadores, sino también el dispositivo que esta accediendo al sitio WEB (celular, smartphone, notebooks, etc), se toma en cuenta también la información geográfica del usuario para que en lo posible, la información se pueda mostrar en su idioma y sea fácil de entender.
Estándares en la WEB
Muchas personas no toman estos estándares en cuenta a la hora de construir su sitio WEB. Esta es una mala práctica dado que puede que la página no cargue debidamente en los distintos navegadores y como consecuencia sea imposible de navegar, teniendo como resultado final una disminución de tráfico en el sitio.
A continuación una serie de tips que pueden servir a la hora de construir su sitio WEB:
DOCTYPE
El DOCTYPE nos permite definir el tipo de reglas o estándares que debe implementar nuestra página WEB, a su vez, sirve como guía para los navegadores de como este puede interpretar y/o validar nuestro código, así por ejemplo, si estamos sirviendo un archivo HTML que implementa reglas y estructuras XML, conocido formalmente como XHTML, tendremos la siguiente declaración:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Por otro lado, si definimos que nuestro documento debe ser interpretado para dispositivos móviles, podemos utilizar:
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
En este aspecto, muchos de los editores HTML nos permite definir el tipo de documento, como por ejemplo Dreamweaver a la hora de crear un nuevo documento
Hojas de Estilo (CSS)
Las hojas de estilo nos ayudan a dar formato a nuestra página agrupando dentro de clases y/o identificadores, propiedades que afectan al elemento o una sección de la página. Se recomienda el uso de estas y evitar en la medida de lo posible el uso de tablas.
Texto Alternativo
Cuando mostramos imágenes en nuestro sitio WEB, es recomendable colocar un texto alterno que identifique nuestra imagen en caso tal esta no pueda cargar, como por ejemplo:
<img src="logo.png" alt="Logo del Sitio" />
Estructura del Documento
Los documentos HTML siguen una estructura de un árbol de etiquetas, el mal formato y uso de estas puede tener como consecuencia resultados inesperados.
Mala práctica:
<strong><i>Texto en negrita y cursiva</strong></i>
Buena práctica:
<strong><i>Texto en negrita y cursiva</i></strong>
Puede utilizar herramientas en línea que te permiten validar la estructura del documento, como por ejemplo: W3C Validator
Loading ...
Recent Comments