Con la difusión de editores visuales, cada vez menos diseñadores web profundizan en el conocimiento del código generado por programas como Frontpage, Dreamweaver, etc.
Quizá muchos aún no saben que la codificación HTML, XHTML, XML fue creada por los grupos de estudio del W3C (World Wide Web Consortium): gracias al W3C que actualiza periódicamente las recomendaciones, es posible crear contenidos para la Web que puedan visualizarse desde cualquier navegador y cualquier dispositivo que soporte dichas recomendaciones. Desafortunadamente, solo hoy los creadores de navegadores y aplicaciones orientadas a la creación de páginas Web comienzan a regirse por las directrices, lo que causa problemas de compatibilidad y visualización de contenidos con navegadores que no son de última generación. El W3C pone a disposición diversas herramientas para el profesional que desea un sitio técnicamente perfecto: también recuerdo que en la creación de páginas Web la única certificación posible se basa en la calidad del código ya que la belleza, la usabilidad, etc., son valoraciones subjetivas. Los sistemas de validación de código ofrecidos por el W3C son dos: HTML/XHTML Validator y CSS Validator. HTML/XHTML Validator (http://validator.w3.org) Con este sistema se valida la correcta sintaxis de la página Web, tanto online (introduciendo la URL de la página a validar) como subiendo un documento local. Para poder validar una página Web, es necesario definir primero el DOCTYPE que, actualmente, se indica como sigue para los documentos que cumplen con la recomendación de HTML 4.01:
Dicha cabecera varía según el tipo de documento que se vaya a crear: el documento en fase de validación está sujeto al DOCTYPE que, para HTML 4.01, consiste actualmente en: HTML 4.01 Strict (utilizado para mantener la máxima compatibilidad con versiones anteriores)
HTML 4.01 Transitional (utilizado como estándar para páginas Web y en nuestro ejemplo) HTML 4.01 Frameset (utilizado para versiones con frames)
Si en cambio usamos la recomendación XHTML (que reemplazará a HTML pronto), el DOCTYPE recomendado para la versión 1.0 es el siguiente:
Ahora pasamos a XHTML que tiene el objetivo de separar el contenido de la apariencia gráfica, aumentando por tanto el uso de hojas de estilo (CSS) y permitiendo la variación del tema gráfico del sitio Web limitando la modificación a los CSS. También para XHTML existen tres tipos de DOCTYPE: XHTML 1.0 Strict (utilizado para mantener la máxima compatibilidad con sistemas anteriores)
XHTML 1.0 Transitional (utilizado como estándar para páginas Web y en nuestro ejemplo) XHTML 1.0 Frameset (utilizado para versiones con frame)
Además, es importante incluir la codificación de caracteres usada dentro de la página Web (es decir, el charset): A este punto, es necesario tener conocimiento del contenido de las recomendaciones cuyos enlaces en inglés son los siguientes, aunque también encontráis traducciones en italiano: HTML 4.01: www.w3.org/TR/html401/ y XHTML 1.0: www.w3.org/TR/xhtml1. Los errores que suelen recurrir más frecuentemente en HTML 4.01 son: – la ausencia de la etiqueta ALT para las imágenes: es necesario incluir un texto alternativo para cada imagen: 
Es importante recordar que el texto de la etiqueta ALT debe ser explicativo para la imagen y no usarse para la reproducción obsesiva de palabras clave para la indexación en motores de búsqueda, ya que es utilizado por los lectores de pantalla para proveer información a personas con discapacidad y para proveer información a los usuarios en caso de que la imagen no se cargue. – topmargin, leftmargin que no se usan excepto por editores visuales y que solo se visualizan en algunos navegadores. No se recomienda el uso de códigos como el siguiente: – Imágenes de fondo para celdas y tablas. HTML 4.01 no permite el uso de imágenes de fondo para celdas y tablas, dejando eventualmente la posibilidad de uso mediante hojas de estilo (CSS). Por tanto, un código como el siguiente no permite la validación:
mientras que es válido si se aplica a una clase con nombre por ejemplo “sfondo”:
– Errores en scripts: siempre es necesario especificar qué tipo de script se está usando:
Pubblicato in Herramientas digitales
Sé el primero en comentar