La validación del W3C a veces es difícil de usar, pero con ella se pueden ver errores causados por el diseño del diseño. El validador arroja muchos errores y advertencias, lo que indica que su XHTML aún no está completo y es posible que no funcione de manera consistente en diferentes navegadores. Los siguientes diez problemas de fallas sutiles han dejado perplejos a una gran cantidad de programadores y le diremos cómo resolverlos. Antes de comenzar este artículo, presentaré algunos problemas a los que se debe prestar atención al utilizar el validador W3C.
No se preocupe por las advertencias del verificador: si el verificador dice que encontró 12 errores y 83 advertencias, ignórelo y continúe con el siguiente paso.
Corrija un error a la vez: trabaje en secuencia, de arriba a abajo, corrigiendo un error a la vez. El HTML se ve de arriba a abajo con un navegador y estos errores se muestran en el mismo orden.
Actualice el código después de cada corrección para que vuelva a ser válido; un pequeño error a menudo puede desencadenar una cascada de errores en toda la página. Entonces, si se hace incorrectamente, "corregir errores" también puede generar más errores. Revalidar el código después de cada corrección garantiza que el problema se resuelva por completo.
Conociendo las excepciones básicas anteriores, echemos un vistazo a varias razones por las que el diseño no es válido.
1. La etiqueta div no está cerrada. Esta es una de las razones más comunes por las que falla el diseño. Siempre es sorprendente saber cuántos diseños de diseño delicados fallan debido a esto. Las encuestas muestran que las etiquetas div abiertas son uno de los errores de diseño de secciones más comunes y uno de los más difíciles de diagnosticar. El validador a veces señala la etiqueta div de apertura incorrecta, lo que puede ser como encontrar una aguja en un pajar.
2. La problemática etiqueta de inserción A principios de la década de 1990, los navegadores de Microsoft y Netscape comenzaron a poder reconocer fuentes únicas no estándar. Desafortunadamente, esto significa que el validador del W3C aún no reconoce ciertas etiquetas HTML clave como "embed", a pesar de que estas etiquetas se usan ampliamente. Si realmente desea una validación estricta de DOCTYPE (tipo de documento), solo puede renunciar al anidamiento.
Si desea un diseño eficaz y medios integrados al mismo tiempo, puede probar el método Flash Satay.
3. Declaración DOCTYPE incorrecta No declarar DOCTYPE o declarar DOCTYPE incorrectamente al comienzo del archivo también es un error común. Según la experiencia general, Strict DOCTYPE es el nivel más alto de verificación que todos persiguen. La validación estricta indica que su página web se mostrará de manera óptima en todos los navegadores. El código de declaración estricta es el siguiente:
4. Barra diagonal final Si su sitio web no se puede verificar, es probable que falte la barra diagonal final en alguna parte del código. Es fácil pasar por alto cosas como las barras diagonales, especialmente en elementos como etiquetas de imágenes. Por ejemplo:
Esto no tiene ningún efecto en DOCTYPE estricto. Para resolver este problema, agregue "/" al final de la etiqueta img.
5. Alinear etiqueta Si DOCTYPE está configurado en Transicional, usará la etiqueta "alinear", pero si es más exigente y desea una verificación estricta, verá muchos errores. Alinear es otra etiqueta que no se puede utilizar para el diseño. Puedes intentar usar "flotar" o "alinear texto" en lugar de alinear para transformar elementos.
6. JavaScript
Si se ha declarado Strict DOCTYPE, la etiqueta CDATA debe anularse en JavaScript. Este aspecto del proceso de verificación desconcierta a muchos programadores, ya que los sitios web tienden a utilizar JavaScript integrado para anuncios y scripts de seguimiento. Si se debe utilizar JavaScript, puede agregar las siguientes etiquetas antes y después:
7. Las imágenes requieren el atributo "alt" Puede que no lo hayas notado, pero las imágenes también son un obstáculo potencial para la validación avanzada. Además de la barra diagonal, la validación avanzada también requiere una etiqueta alt para describir la imagen, como alt= "Imagen de vampiro aterrador".
Los motores de búsqueda también dependen de etiquetas alt para identificar imágenes en páginas web, por lo que siempre es una buena idea agregar etiquetas alt pase lo que pase.
8. Datos de entidades desconocidas Los datos de entidades son otro error común que afecta la verificación. Podemos considerar el uso de caracteres de codificación apropiados para reemplazar símbolos como "&". Una lista completa de datos de entidades de caracteres codificados apropiadamente disponibles en el diseño de la sección XHTML.
9. Mal anidamiento Anidar significa que el elemento contiene el elemento ¡Dulce!
Es fácil confundir el orden de los elementos anidados. Por ejemplo, inicie la etiqueta fuerte antes de la etiqueta div, pero luego cierre la etiqueta div primero. Es posible que esto no cambie el diseño de la sección, pero invalidará el diseño de su sección.
10. Falta la etiqueta "título" Aunque esto parece un error obvio, muchos programadores (incluido yo mismo) a menudo omiten la etiqueta título en la sección "cabeza". Cuando vea "falta un subelemento requerido de HEAD" (falta un subelemento requerido de HEAD), encontrará que olvidó agregar la etiqueta de título.