1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

W3C validator, una herramienta indispensable

Es muy importante saber escribir HTML o XHTML válidos, y para ayudarnos en esta tarea tenemos al w3c validator.

Lo que hace el W3C validator es revisar tu código HTML o XHTML buscando errores de sintaxis y luego devuelve el resultado de la prueba de validación.

Hagamos una prueba

Primero hay que abrir la página del servicio de validación http://validator.w3.org/ (te recomiendo que lo hagas en otra pestaña para poder seguir con la prueba).

Verás una pantalla como la siguiente:

Servicio de validación del W3C

3 opciones de validación

Como puedes ver tienes 3 opciones para validar tu HTML o XHTML:

  • Poniendo la URI a validar
  • Subiendo tu archivo .html
  • Pegando directamente el código HTML o XHTML

Ahora sólo probaremos la primera opción. Digamos que queremos validar http://aprendiendoweb.com entonces, tendríamos que copiar esa dirección en el W3C validator y presionar el botón "check".

Este es el resultado

XHTML válido

Pero probar con una página válida no dice mucho, así que hagamos la prueba con una de las muchas páginas no válidas que están ahí afuera.

¿Alguien dijo Google?

HTML no válido

Sí Google no usa HTML válido, y si no me creen pueden ver la lista de errores del W3C validator si analizan la lista podrán ver que es lo que lo hace fallar.

En fin, esta herramienta es básica, y deberían usarla para cada HTML o XHTML que escriban (así Google no lo haga).

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de Edgar Ramirez Perez 5si2 Edgar Ramirez Perez 5si2

    Con esta herramienta a nuestra disposicion nos cuesta muy poco esfuerzo la rebicion de nuestros documentos HTML etc.
    Uff de gran ayuda para poder dar de alta o subir los documentos en este caso paginas web , con la mayor calidad posible haciendo la que red mundial se balla limpiando de basura cybernauta.

    Saludos.... Mexico (Tecamac).

  2. Avatar de charly charly

    ayudenme con mi tesis pasenme documentos todo aserca de esta herramienta de validacion esque de esto hablo en mi tesisi porfavor graxxx. mi correo: carlos_zy8@hotmail.com

  3. Avatar de Irene Palacios Irene Palacios

    SI que es tarea ardua, yo soy webmaster y como tal participe en un proyecto que valida el w3c para paginas dinamicas! ya para paginas estaticas es dificil, ahora para dinamicas...ufff..al final todo salio bien ;)

    un ejemplo, saludos

    http://www.adondesta.com/sta_lt0001.html

  4. Avatar de Posicionamiento Web Posicionamiento Web

    Excelente la explicacion del validador. Todas las webs deberian de estar validadas y premiarse aun mas este uso.
    Saludos

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910

Add to Technorati FavoritesPeru BlogsBitacoras.com Web Design