Share
La validación de W3C no es muy tolerante a veces, pero le permite ver los errores generados por su marca. La gran cantidad de errores y advertencias emitidos por el validador son un buen indicador de que su XHTML no está en muy buena forma y puede que no parezca coherente en diferentes navegadores. Aquí hay 10 problemas de validación astutos que hacen tropezar a los desarrolladores y cómo evitarlos..
Antes de comenzar, aquí hay algunas buenas prácticas para recordar al usar el validador W3C.
Con esos consejos básicos fuera del camino, echemos un vistazo a algunas de las razones por las que su marca no se está validando..
Una de las razones más comunes por las que los diseños no se validan. Nunca deja de sorprender la frecuencia con la que este es el culpable de un diseño moderno. Las etiquetas div no cerradas son uno de los errores de diseño más comunes y también uno de los más difíciles de diagnosticar. El validador no siempre apunta a la etiqueta div no cerrada adecuada, por lo que no siempre es fácil encontrar la aguja en el pajar.
A principios de los 90, los navegadores como Microsoft y Netscape comenzaron a reconocer declaraciones de fuentes únicas que nunca fueron estandarizadas. Desafortunadamente, esto significa que el validador W3C todavía no reconoce algunas etiquetas HTML importantes como 'incrustar', a pesar de que están muy acostumbradas a este día. Si realmente está buscando obtener esa validación estricta de DOCTYPE, tendrá que deshacerse de la inserción.
Si realmente quieres tener un marcado válido. y medios incrustados, intente usar el método Flash Satay.
Un error frecuente es no declarar un DOCTYPE o declarar el DOCTYPE incorrecto al principio del documento. Como regla general, Strict DOCTYPE es la validación más alta para la cual se puede disparar. La validación estricta significa que sus páginas web tienen la mejor oportunidad de mostrarse correctamente en todos los navegadores. Así es como se ve una declaración estricta:
Si su sitio no se está validando correctamente, entonces hay una buena probabilidad de que la razón sea una barra diagonal perdida en algún lugar de su código. Es muy fácil pasar por alto algo como una barra diagonal, especialmente en elementos como etiquetas de imagen. Por ejemplo:
Esto no se validará contra un DOCTYPE estricto. Agregue una '/' antes de que la etiqueta img termine en cada caso para resolver el problema.
Estará bien usando la etiqueta "alinear" si su DOCTYPE está configurado como Transicional, pero si ha tomado el camino más alto y ha elegido una validación estricta, verá errores. Alinear es otra etiqueta depreciada que ya no debería usarse en el marcado. En lugar de alinear, intente usar flotador o texto alineado para cambiar el elemento.
Si ha declarado un DOCTYPE estricto, deberá ajustar las etiquetas CDATA alrededor de su código JavaScript. Este aspecto de la validación ha hecho tropezar a muchos desarrolladores, ya que los sitios tienden a usar JavaScript en línea para cosas como anuncios y scripts de seguimiento. Si tiene que incluir JavaScript, simplemente agregue estas etiquetas antes y después:
Si aún no lo ha notado, las imágenes son un gran obstáculo potencial para una buena validación. Además de las barras diagonales, también requieren etiquetas alt que describen imágenes, es decir, alt = "Imagen de vampiro aterrador".
Los motores de búsqueda también confían en esta etiqueta alt para ayudar a identificar las imágenes en la página, por lo que es una buena práctica agregar las etiquetas alt de todos modos.
Las entidades son otro pequeño escollo que tiende a interponerse en el camino de la validación. En lugar de usar cosas como el símbolo "&", es una buena idea usar caracteres codificados correctamente. Aquí hay una lista completa de entidades de caracteres correctamente codificados para usar en el marcado XHTML.
Anidar es cuando tienes elementos dentro de elementos, como así:
Dulce!
Es bastante fácil mezclarse, y mezclar es el orden de los elementos anidados. Por ejemplo, iniciando la etiqueta fuerte antes de la etiqueta div, pero cerrando primero la etiqueta div. Esto puede no alterar el aspecto del diseño, pero definitivamente evitará que su marca se valide..
Si bien puede parecer un problema obvio, muchos desarrolladores (incluyéndome a mí), todavía dejan una etiqueta de "título" en la sección "head" de vez en cuando. Si ve el error "falta un subelemento requerido de HEAD", entonces sabe que le falta una etiqueta de título.
Si has encontrado útil esta publicación, vota por ella en Digg.
Accentsconagua