oletusWEBos.es - Lecciones paso a paso para crear tu web. Tutoriales de Dreamweaver, HTML y CSS

Curso HTML - Lección 15: Validación y estándares web

¿Por qué algunos sitios web se visualizan de forma diferente con distintos navegadores?

La respuesta es bien sencilla y es por que el HTML se puede codificar de muchas maneras diferentes, por lo tanto los navegadores pueden interpretar el código de todas esas maneras. Por lo tanto podríamos decir que el código HTML tiene muchos dialectos.

Se han echo muchos intentos para estandarizar el código HTML pero eso fue un camino un tanto complicado y parece ser que hoy en día ha dado sus frutos.

Los estándares HTML de hoy en día son la versión 4.01 y XHTML. El navegador Internet Explorer acapara más o menos el 90% del mercado pero soporta los estándares HTML del W3C (Consorcio del Wold Wide Web).

Entonces cuando escribimos HTML conforme con los estándares del W3C, estamos creando web que se pueden visualizar en todos los navegadores.

¿Cómo indicamos la versión que uso?

Es muy importante indicar al navegador que versión de HTML estamos usando. En nuestro caso hemos aprendido en este curso XHTML que es una versión más limpia que el HTML, para eso habrá que usar una DTD (Document Type Declaration) que en castellano quiere decir "Declaración de tipo de documento) y lo debemos insertar siempre al inicio del documento:

Ejemplo 1:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

..................

</head>

<body>

..................

</body>

</html>

En la primera línea del ejemplo anterior le estamos indicando al navegador que estamos utilizando código utilizado en XHTML, e insertamos información adicional en la etiqueta html mediante los atributos xmlns y lang.

Con la DTD insertada en tu página el navegador sabrá con exactitud como interpretar y mostrar el código HTML. Puedes usar el ejemplo anterior como plantilla para todos los documento que crees en el futuro.

Validar tus páginas

Otra de las ventajas que tiene el insertar la DTD en tus páginas es que podrás comprobar el código HTML para buscar posibles errores. Esto lo puedes hacer usando el validador gratuito del W3C.

Este validador puede servirte de gran ayuda para encontrar errores que ni siquiera sabías que existían. Por eso te recomiendo que valides siempre tus páginas para asegurarte que se muestran de forma correcta.

Quiero aprender más!!!

Avanzar a Lección 16: Consejos útiles
Retroceder a Lección 14: ¡¡Sube tu Web!!

Menú

Indice del Curso

Design By: JTole®