Usamos XHTML+CSS para rediseñar nuestro sitio web. ¿Cómo sabemos que las páginas que creamos realmente cumplen con los estándares web del W3C y algunos sitios web voluntarios brindan programas de verificación en línea para ayudarnos a verificar si las páginas cumplen con los estándares y brindan ayuda incorrecta? mensaje. Estas comprobaciones son muy útiles y son lo primero que hago al depurar una página.
1.Validación XHTML
URL de verificación: http://validator.w3.org/
Método de verificación: verificación de URL, verificación de carga de archivos
Si la verificación es exitosa, se mostrará "¡Esta página es XHTML 1.0 transicional válida!".
Si la verificación falla, se mostrarán más opciones de verificación y mensajes de error.
Generalmente, seleccionar "Mostrar fuente" y "Salida detallada" puede ayudarlo a encontrar la línea donde se encuentra el código de error y la causa del error.
Tabla comparativa de causas comunes de errores de validación XHTML
¡No se encontró DOCTYPE! Regresando a HTML 4.01 transicional: DOCTYPE no está definido.
No se encontró ninguna codificación de caracteres. Volviendo a UTF-8.--Codificación de idioma no definida.
Se omitió la etiqueta final para "img", pero se especificó OMITTAG NO. La etiqueta de imagen no se cierra con "/".
una especificación de valor de atributo debe ser un valor literal de atributo a menos que se especifique SHORTTAG YES: el valor del atributo debe estar entrecomillado.
elemento "DIV" indefinido---Las etiquetas DIV no pueden estar en mayúsculas y deben cambiarse a div en minúsculas.
atributo requerido "alt" no especificado---La imagen necesita agregar el atributo alt.
atributo requerido "tipo" no especificado---La etiqueta llamada por JS o CSS omite el atributo de tipo.
Uno de los errores más comunes es el uso de mayúsculas en las etiquetas. A menudo estos errores están relacionados, como olvidar a otro
2.Validación CSS2
URL de verificación: http://jigsaw.w3.org/css-validator/
Método de verificación: verificación de URL, verificación de carga de archivos, verificación de código directo
Si la verificación es exitosa, se mostrará "¡Felicitaciones, este documento pasó la verificación de la hoja de estilo!".
Si la verificación falla, se mostrarán dos tipos de errores: errores y advertencias. El error significa que hay que corregirlo, de lo contrario no pasará la verificación; el aviso significa que hay código que no es recomendado por el W3C y se recomienda modificarlo.
Tabla comparativa de causas comunes de errores de validación de CSS2
(Error) Número no válido: color909090 no es un valor de color: 909090 ---El valor de color hexadecimal debe agregarse con un signo "#", es decir, #909090
(Error) Número no válido: margen superior Dimensión desconocida: 6 píxeles --- píxeles no es un valor unitario, la forma correcta de escribirlo es 6 píxeles
(Error) La propiedad scrollbar-face-color no existe: #eeeeee --- Definir el color de la barra de desplazamiento es una propiedad no estándar
(Error) El valor cursorhand no existe: hand es un valor de atributo no estándar, modificado a cursor:puntero
(Advertencia) Línea: 0 font-family: Se recomienda que especifique una familia tipográfica como última opción. W3C recomienda que al definir fuentes, finalice con un tipo de fuente, como "sans-serif", para garantizar que se puede utilizar en diferentes operaciones. Bajo el sistema, se pueden mostrar fuentes web.
(Advertencia) Línea: 0 no puedo encontrar el mensaje de advertencia para otro perfil: indica que hay atributos o valores no estándar en el código y el programa de verificación no puede determinar ni proporcionar la información de advertencia correspondiente.
Dirección del enlace de este artículo: http://www.williamlong.info/archives/166.html