Validación en HTML...

#1 (**permalink**) 16/05/2011, 13:17

Buenas a todos!

Es cierto que si validamos nuestros html´s nos ayuda a mejorar el posicionamiento de la web y los robots de los buscadores tales como Google, yahoo.. acogerán mejor una web validada a una no validada. Hasta ahí bien, el problema que tengo esque salen errores que no sé solucionarlo, y me pregunto si existe una página web donde te explique cada error y a qué es debido.
Por ejemplo quiero poner una etiqueta de link con ventana nueva (target), pero me dice lo siguiente al validarlo:

Código:

Line 9, Column 36: there is no attribute "TARGET"
<a href="http://www.web.es" target="_blank"><img src="../Imagenes/imagequequiero.png" …

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

¿Alguien me puede decir si existe algo donde lo expliquen? Porque me salen 5 errores más y claro, no voy a abrir 5 posts ensuciando el foro para que me ayuden.

Muchas Gracias!

Carlangueitor · #2 (**permalink**) 16/05/2011, 13:21

Que doctype usas?

#3 (**permalink**) 16/05/2011, 13:30

Cita:

Iniciado por Carlangueitor

Que doctype usas?

Éste nos ha dicho el profesor que usemos:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
          "http://www.w3.org/TR/html4/strict.dtd">

Gracias.

Carlangueitor · #4 (**permalink**) 16/05/2011, 13:41

Y lo estás validadndo así, con ese dcotype?, por que parece que lo valida como Strict, ¿Puedes poner el código entero o un link para ver?

Saludos

zerokilled · #5 (**permalink**) 16/05/2011, 13:41

buenas...
a mi juicio, la mejor documentacion que describe los errores es el mismo validador. me refiero a que el validador, ademas de señalar los errores por su linea, seguido te dice de forma resumida por que falla: elemento no permitido en tal lugar, no existe tal atributo, no existe tal elemento, etc. luego, tienes un mensaje algo mas detallado que explica algunos posibles causas que levantan ese tipo de error. para mi me esta, lo que tu estas buscando es alguna herramienta que ademas de identificarte el error, te lo corrija. creo que eso no existe o no estoy seguro si TidyHTML tiene ese beneficio. de todos modos, nada mas traduce al español el mensaje. por ejemplo, el primer parrafo te indica que has usado un nombre de atributo, pero dicho atributo no esta definido en el doctype que has seleccionado para tu documento. por tanto, la solucion es eliminarlo porque en el doctype que intentas validar no existe. si requieres de ese atributo, entonces tienes que cambiar de doctype por uno que lo soporte.

#6 (**permalink**) 16/05/2011, 13:42

Lo tengo en local, por eso no te puedo enseñar la web, pero te dejo el código:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
          "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>titulo</title>
</head>
<body>

<a href="http://www.url.es" target="_blank"><img src="http://www.forosdelweb.com/f4/Imagenes/imagen.png" border=0></a>

</body>
</html>

Ah, me gustaría aclarar (por si tiene algo que ver) es que ese html es parte de un index. ¿Me explico? Que en el index se llama al archivo con el código que te he puesto ;)
En ese html nada más que existe una imagen asociada a una url que abre con ventana nueva.

Gracias!

Carlangueitor · #7 (**permalink**) 16/05/2011, 13:47

jeje, estaba leyendo mal, solo tienes que cambiar el doctype por este:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Saludos

#8 (**permalink**) 16/05/2011, 13:52

Joder, me ha quitado de los 5 errores que tenía, 4, es decir, se me ha quedado en un error =D
Muchas gracias, por cierto Carlaguitor, ¿Me podrías decir el porqué con ese doctype sí vale ese código target? Es para saberlo =)

MUCHAS GRACIAS DE NUEVO!

Carlangueitor · #9 (**permalink**) 16/05/2011, 13:55

Como te decia antes, la especificación Strict no permite ese atributo. El target era usado para páginas con frames y por eso se elimina en las nuevas especificaciones.

Pero igual, hazle caso a zerokilled, solo hay que leer lo que te dice el validador.

Saludos

zerokilled · #10 (**permalink**) 16/05/2011, 14:04

Cita:

¿Me podrías decir el porqué con ese doctype sí vale ese código target?

especificamente porque en ese doctype esta definido dicho atributo. http://www.w3.org/TR/html4/loose.dtd

Código:

<!ATTLIST A
...
  target      %FrameTarget;  #IMPLIED  -- render in this frame --
...
  >

phpmysql · #11 (**permalink**) 16/05/2011, 14:18

Hola, he entrado al foro por que quería exponeros un problema que tengo. Lo iba a hacer en un post aparte, pero he mirado este post sobre las validaciones, por simple curiosidad, y me he dado cuenta que la línea que me da problemas en mi código es la de la validación. Concretamente es está:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Y el problema es que, al definir una anchura y una altura para una celda de una tabla, ambas al 50%, sólo funciona la anchura de la tabla, pero no la altura. Al quitar la línea de validación, la altura se muestra de forma normal, Aquí el código completo, con la tabla incluida:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body bgcolor='#f0ffff' align="center" >
<table bgcolor='#FFFFFF' border=1 align="center"   width="50%" height="50%">
	<tr align="center">
		<td align="center" >Azul</td>
 	</tr>
</table>
</body>
</html>

A ver si alguien sabe cual es el problema. Gracias.

Carlangueitor · #12 (**permalink**) 16/05/2011, 14:25

Amigo phpmysql, eso es tema aparte ya que no tiene nada que ver con validar código. Lo que pasa e sque cuando le quitas el doctype el navegador entra en modo quirks y por eso funcionan esas cosas (y también fallan muchas más), tienes que darle los atributos con CSS, y prueba darle un alto al body para que veas.

Saludos

phpmysql · #13 (**permalink**) 16/05/2011, 15:23

Gracias Carlangueitor.

La verdad que estoy empezando a profundizar en el tema de la programación web, y me acabo de enterar de lo de la validación.

Todavía me queda mucho por aprender...

Saludos