Mi página no pasa la validación HTML de la W3C, por favor diganme porque

cmezauni · #1 (**permalink**) 23/03/2005, 16:47

Amigos, la página es:

http://www.coes.org.pe/coes/prueba.asp

alli pueden revisar el codigo fuente.

Luego validé mi página en el validador de HTML de la W3C y me sale el sgte error:

Below are the results of attempting to parse this document with an SGML parser.

Line 3, column 25: document type does not allow element "DIV" here

<div id=d1 class=divestud>El Comité de Operación Económica del Si

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

✉

Line 4, column 25: document type does not allow element "DIV" here

<div id=d2 class=divestud>Conozca la reseña histórica del COES - SINAC y las e

✉

Line 5, column 25: document type does not allow element "DIV" here

<div id=d3 class=divestud>Las funciones del Directorio y la Dirección de Operac

✉

Y muchos mas errores. Porque? Como puedo solucionarlo amigos?

posavasos · #2 (**permalink**) 23/03/2005, 17:36

Para empezar tienes código antes del <html>, ese es el causante de parte de los errores. También veo que se repiten los atributos id (deben ser únicos). Falta poner el atributo type en las etiquetas script (type="text/javascript"). Falta por definir algunos atributos alt de las imágenes. Los atributos deben ir en minúsculas, por ejemplo onMouseOut = onmouseout.

Empieza corrigiendo eso y valida de nuevo a ver qué errores quedan

cmezauni · #3 (**permalink**) 23/03/2005, 17:44

Todas las imagenes deben tener ALT? Eso no sabía. En cuanto a HTML, es que hay codigo ASP antes donde define el lenguaje del sitio ademas de definir variables.

Buen dato eso de los atributos. No entiendo lo que me indicas de los ID, son distintos.

posavasos · #4 (**permalink**) 23/03/2005, 17:48

Código HTML:

<div id=d1 class=divestud>El Comité de Operaci&oacute;n Econ&oacute;mica del Sistema Interconectado Nacional es un organismo técnico, conformado por los titulares de las centrales de generaci&oacute;n y de sistemas de transmisión.</div>
<div id=d2 class=divestud>Conozca la reseña histórica del COES - SINAC y las empresas que la integran.</div>
<div id=d3 class=divestud>Las funciones del Directorio y la Dirección de Operaciones son las que se indican a continuación.</div>
<div id=d5 class=divestud>Obtenga información acerca de las funciones a cargo de este &oacute;rgano ejecutivo del COES.</div>
<div id=d6 class=divestud>Mapa del Perú con el Sistema Interconectado Nacional.</div>
<div id=d8 class=divestud>Información acerca de las normas legales que rigen el COES, de su procedimiento legal y otros.</div>

<div id=d9 class=divestud>Obtenga información acerca de los acuerdos tomados por el COES en cada una de sus sesiones.</div>
<div id=d10 class=divestud>Infórmese de cada uno de los procedimientos que debe cumplir el COES.</div>
<div id=d14 class=divestud>Revise la Memoria del COES - SINAC.</div>
<div id=d16 class=divestud>Infórmese de cada uno de las publicaciones hechas por el COES, como artículos técnicos, investigaciones realizadas o información de interés para el sector.</div>
<div id=d17 class=divestud>Infórmese de otras publicaciones hechas por el COES de interés para el sector.</div>
<div id=estudios class=divestud onMouseMove="javascript:mostrar('estudios')" onMouseOut="javascript:nover('estudios')">
	<div id=linkest>&bull; <A href="evaluacion/rechazocarga2005.asp">Estudio de Rechazo de Carga/ Generaci&oacute;n del SEIN Año 2005</A><br>
	&bull; <A href="evaluacion/rechazocarga.asp">Estudio de Rechazo de Carga/ Generaci&oacute;n del SEIN Año 2003-2004</A><br>

	&bull; <A href="proteccion.htm" title="Estudio de Protecciones">Estudio para la Coordinaci&oacute;n de Protecciones</A><br>
	&bull; <A href="evaluacion/compreactiva.asp">Estudio de Compensación Reactiva Inductiva en el Área Operativa Sur del SEIN</A><br>
	&bull; <A href="evaluacion/estabilidad.asp">Pruebas de Estabilidad Permanente en el Sistema Sur</A><br>
	&bull; <A href="evaluacion/informe.asp">Estudio de Reconexiones de Carga</A><br>

	&bull; <A href="evaluacion/inffinal.asp">Disminución Automática de Generación en Machupicchu y San Gabán</A><br>
	&bull; <A href="evaluacion/evaloperaislada.asp">Evaluación de la Operación Aislada del Área Norte del SEIN</A><br>
	&bull; <A href="evaluacion/maniobra.asp">Procedimientos de Maniobras</A></div>
</div>

Este código está antes del <html> y luego se repite dentro del <body>, por lo tanto, como mínimo esos atributos id estarán repetidos.

Por otra parte, los atributos alt son obligatorios, pero si la imagen es decorativa (vamos, si no aporta información alguna) el alt debe ser: alt=""

cmezauni · #5 (**permalink**) 23/03/2005, 17:57

Dime, uso un marquee, sin embargo este ya no es reconocido por W3C, como puedo lograr el mismo efecto usando CSS y Javascript?

posavasos · #6 (**permalink**) 23/03/2005, 18:00

Por aquí hay muchos ejemplos: http://www.google.es/search?q=marquee+javascript

cmezauni · #7 (**permalink**) 23/03/2005, 18:33

Gracias. De veras.

posavasos · #8 (**permalink**) 23/03/2005, 18:33

De nada ;)