|
La normalización o estandarización es la redacción y aprobación de normas para una determinada actividad. Están basados en los resultados de la experiencia y el desarrollo tecnológico y ofrecen un lenguaje común de comunicación entre empresas, usuarios y consumidores.
Tal vez lo primero que uno trae a la mente son las normas ISO o IRAM, pues bien, de igual manera en Internet existen estándares que determinan un modelo a seguir en la creación de páginas web. Estos estándares marcan pautas para el armado y maquetación de las páginas web y están regidos por el World Wide Web Consortium (W3), un organismo neutro consituido por más de 350 miembros y que reune cerca de 700 investigadores. Entre los miembros que componen el W3 se encuentran empresas como Adobe, AOL, AT&T, Canon, Ericsson, IBM, Google, Macromedia o Microsoft por citar algunas (desde aquí puede consultar la lista completa de miembros).
Ventajas de usar estándares web
Proporcionar sitios que sean accesibles a más gente y a más tipos de dispositivos web
Al crear páginas web con estándares el sitio podrá ser visto desde varios dispositivos. Un ejemplo se puede ver aquí, donde se muestra la página del W3 vista desde 5 dispositivos diferentes.
Simplificar el código y reducir el tamaño de los archivos.
Las páginas se cargan más rápido y el ancho de banda disminuye considerablemente. Hemos logrado reducir el peso de un sitio en un 60% al pasarlo a XHTML/CSS.
Mejor indexación en los buscadores
Menos código, más lugar para el contenido, menos problemas para los buscadores en indexar la información del sitio.
Reducción en el tiempo de desarrollo
Separando contenido de diseño mediante XHTML y CSS se podrán realizar cambios en el sitio en cuestión de segundos, sin importar que sean 10 o 1000 páginas.
Fuente:
Las ventajas de los Estándares Web para tus visitantes, para tus clientes y para ti mismo
es.wikipedia.org/wiki/Norma_(convención)
es.wikipedia.org/wiki/Estandarización
Keywords:
Estándares web, CSS XHTML, World Wide Web Consortium
¿ Que es Xhtml?
Xhtml
XHTML es Extensible Hypertext Markup Language, algo así como Lenguaje extensible de marcación de hipertexto. Si está involucrado en el desarrollo o diseño web y ha creado alguna página web, sabrá que éstas se crean a partir de un código llamado HTML. Pues bien, el XHTML sería la "nueva versión" del HTML, aunque en realidad es una reformulación, ya que el HTML ya no se sigue desarrollando.
Si ha escrito alguna vez código HTML, escribir XHTML no supone mayor esfuerzo y a cambio se obtienen grandes beneficios. XHTML está basado en las reglas de XML, por lo que sintácticamente deberá ser más cuidadoso que con HTML (por ejemplo, todas las etiquetas deberán cerrarse obligatoriamente).
La evolución del HTML
El HTML fue evolucionando a través del tiempo hasta llegar a la versión 4.01 en 1999 (en realidad HTML 4.01 es una revisión del HTML 4 donde se corrigieron errores y se introdujeron algunos cambios). A partir de allí el HTML no se continuó desarrollando a favor de la nueva implementación del XHTML.
Los cambios
"Los cambios de HTML a la primera generación de XHTML (es decir, XHTML 1.x) son menores; ya que, principalmente, están destinados a conseguir la conformidad con XML. El cambio más importante es el requerimiento que el documento esté bien formado y que todas las etiquetas estén explícitamente cerradas, como se requiere en XML."
Fuente: es.wikipedia.org/wiki/XHTML
Como se explica en la Wikipedia los cambios son realmente sencillos, al punto de que no requiere mucho tiempo aprenderlo si ya ha escrito HTML con anterioridad. Básicamente el XHTML intenta separar completamente la estructura del documento de su presentación, es decir, por un lado crear un documento que contenga únicamente la información a mostrar (XHTML), y por otro lado crear un documento que contenga las reglas para si visualización (CSS). Para ello se eliminan ciertas etiquetas del HTML que refieren directamente al formato (por ejemplo font).
Estas son algunas de las pautas para escribir código XHTML bien formado:
* Todos los elementos deben tener una etiqueta de comienzo y una de fin. La excepción la constituyen los elementos vacíos (como img o br), para los que se deberá incluir una barra inclinada al final de la etiqueta.
Ej: <br />
* Todos los valores de atributo deberán encerrarse entre comillas (dobles o simples, lo ideal es ser consistente a lo largo del documento).
Ej: <div clas="box"></div>, en lugar de <div></div>
* Los elementos anidados deberán cerrarse correctamente (el último que se abre deberá ser el primero en cerrarse)
Ej: <p><a href="http://www.clowngroup.com.ar">Clown Group</a></p>
* El atributo alt es obligatorio para las imágenes.
Ej: <img src="/sitio/foto.jpg" alt="foto" />
* Los elementos y sus atributos deben escribirse en minúsculas
DTDs
Existen 3 versiones del XHTML: Strict, Transitional y Frameset. Cada documento XHTML debe contener al inicio Un DTD (Document Type Definition) o DOCTYPE que lo identifique. Estos son los tres tipos:
XHTML Transitional (Permite incluir elementos desaprobados)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML Strict (No permite la inclusión de elementos desaprobados)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML Frameset (Para páginas con frames)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Migrar a XHTML
Si bien el número de páginas web en XHTML y CSS sigue creciendo, aún quedan muchos diseñadores y desarrolladores que se resisten al cambio, incluso cuando las diferencias son mínimas. Comenzar a trabajar con XHTML y CSS supone una serie de beneficios tanto para el diseñador (código más cómodo de actualizar, menor tiempo un modificaciones) como para el usuario final (menor tiempo de carga en las páginas, mejor indexación en los buscadores).
|
