Validar HTML y CSS

Siempre encontramos incompatibilidad de algunas propiedades que usamos para crear nuestra web en los exploradores, para tratar de evitar estas incompatibilidades se ha establecido una convención por así llamarlo. En esta pequeña guía te voy a explicar cómo lograr validar el HTML y el CSS de tu página web de acuerdo a los estándares reconocidos como validos actualmente.

Validar HTML

Para validar el HTML de tu web tienes que entrar en esta página: AQUI dónde vas a tener tres opciones para validar tu hoja de estilos, aquí te las describo un poco:

Validate by URL

Como su propia traducción al español lo dice “Validar por URL” lo que hace es pedirte una dirección URL de tu web la cual será procesada por el validador.

Validate by File Upload

Aquí tienes que seleccionar algún archivo que tengas almacenado en tu PC.

SOLO SIRVEN PAGINAS DEL TIPO .HTM, .HTML, .XHTML NO INTENTES VALIDAR PAGINAS CON TERMINACION .PHP DESDE ESTA SECCION DE LA PAGINA.

Validate by Direct Input

Aquí puedes escribir directamente tu documento HTML y validarlo.

AL IGUAL QUE EN EL CASO ANTERIOR NO ESCRIBAS AQUI CODIGOS DONDE APLIQUES PHP, JAVASCRIPT O CUALQUIER OTRO LENGUAJE QUE NO SEA HTML.

Se supone que una vez hagas clic en el botón “Check Now” vas a obtener algo, veamos cuales son las posibilidades

HTML VALIDO

Si obtienes algo así, significa que tu HTML está totalmente perfecto, ahí te proporcionan algunos códigos para que agregues en tu web y alardees con tu HTML valido xD.

HTML invalido

Si tienes algo como eso, lamentablemente tu HTML no es válido y vas a tener unos resultados, en este caso 49 errors, 3 warning(s).
Los errores: Son puntuales errores con los que en teoría algo debería no estar bien en tu página web (Casi nunca esto sucede).

Los warnings: Son simples advertencias sobre tu código

Hasta abajo vas a tener una lista detallada de todos los errores y warnings de tu documento (Incluyendo línea y descripción detallada del error en ingles)

Para solucionar los errores debes buscar la línea que se indica en tu HTML y modificarlo de manera que quede correcta.

Como dije antes no significa que si tienes un error el HTML no se va a ejecutar bien.

Validar CSS

El procedimiento es básicamente el mismo que con el HTML, solo que aquí debes hacerlo desde esta página.

Debes tener en cuenta que la ultima versión CSS valida es “CSS2″ de manera que si usas alguna propiedad de css3 en tu hoja de estilos, por ejemplo, border-radius va a ser marcado como un error.

Mijael es el creador y editor de skyandstars.net donde publica guias y tutoriales sobre WordPress, Cutenews, PHP, HTML y mucho más. Acutalmente estudiante universitario.

Mijael166