Otros > Los Retos PHPeros
Reto #3 - Validar HTML
CarlosRdrz:
Hola a todos,
Vamos con el tercer reto de la comunidad, un poco mas sencillo y que solo requiere algunos conocimientos básicos de HTML.
¿Conocías la validación de la W3C de HTML y CSS?
Puedes encontrar la herramienta de validación en: http://validator.w3.org/
La W3C es un consorcio internacional que produce recomendaciones para la WWW (Según wikipedia).
Esta dirigido por el creador de HTML, URL y HTTP entre otras.
En esa dirección puedes encontrar una aplicación que te comunicará errores en códigos HTML y CSS y así podrás corregirlos para adaptar tus sitios a los estándares web.
¿Podrías decir por qué este fragmento de código no valida y cual sería el código equivalente ya corregido?
--- Citar ---<html>
<head>
<title>kNews :: Login</title>
</head>
<body>
<table width="485" height="217" border="0" align="center" class="Tabla">
<tr valign="top">
<td width="149" height="212" class="td"><div align="center">
<img src="images/admin.gif" width="140" height="50" border="1" /><br />
<p class="Texto">kNews esta protegido por un sistema de usuarios.<br />
<a href="http://www.web.com"><br />
Si no perteneces a<br />
este grupo de usuarios<br />
pulsa aqui</a></p>
</div></td>
<td width="325" class="td"><div align="center"><img src="images/login.gif" width="315" height="50" border="1" /><br />
<br />
<form action="login.php" method="POST">
<table width="315" height="56" border="0" align="center">
<tr>
<td width="157" height="52" align="center" valign="top" class="Texto">Usuario<br />
<label>
<input type="text" name="user" id="user" />
</label>
<br /></td>
<td width="159" align="center" valign="top" class="Texto">Contraseña<br />
<label>
<input name="pass" type="password" id="pass" value="" />
</label></td>
</tr>
</table>
<br />
<label>
<input type="submit" name="login" id="login" value="Login" />
</label>
</form>
</div></td>
</tr>
</table>
</body>
</html>
--- Fin de la cita ---
Está permitido separar los estilos en una hoja CSS aparte.
Por si a alguien le interesa, este código forma parte del antiguo sistema kNews, y por supuesto ya esta corregido.
Además,
¿Sabias que la w3c no valida correctamente la página principal de google.es?
Si te da por entrar aquí: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.google.es%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 podrás ver que la página principal de google.es contiene 53 errores de HTML y 2 advertencias.
Todos sabemos que Google no se chupa el dedo, ¿Por qué piensas que hacen esto así?
Ganador: westwest
Un saludo, y suerte.
westwest:
Imagino que no valida porque google no ha pasado a HTML5, ademas de que tiene elementos obsoletos para ser compatible con el mayor numero de navegadores.
Respecto al código, debe tener una "cabecera" que indique el tipo de documento
Hay que indicar el contenido, usando META
2 errores dicen que las imagenes necesitan un atributo ALT
Otro indica que method="POST" no existe, XHTML es LOWER-CASE, es decir, todo en minusculas
El último, dice que height existe, pero no para una tabla, hay que usar CSS
Mi código es este:
--- Citar ---
<!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>kNews :: Login</title>
<style type="text/css">
.Tabla {
width: 485;
height: 217;
}
</style>
</head>
<body>
<table border="0" align="center" class="Tabla">
<tr valign="top">
<td width="149" height="212" class="td"><div align="center">
<img src="images/admin.gif" width="140" height="50" border="1" alt="admin" /><br />
<p class="Texto">kNews esta protegido por un sistema de usuarios.<br />
<a href="http://www.web.com"><br />
Si no perteneces a<br />
este grupo de usuarios<br />
pulsa aqui</a></p>
</div></td>
<td width="325" class="td"><div align="center"><img src="images/login.gif" width="315" height="50" border="1" alt="login" /><br />
<br />
<form action="login.php" method="post">
<table style="width:315;height:56;" border="0" align="center">
<tr>
<td width="157" height="52" align="center" valign="top" class="Texto">Usuario<br />
<label>
<input type="text" name="user" id="user" />
</label>
<br /></td>
<td width="159" align="center" valign="top" class="Texto">Contraseña<br />
<label>
<input name="pass" type="password" id="pass" value="" />
</label></td>
</tr>
</table>
<br />
<label>
<input type="submit" name="login" id="login" value="Login" />
</label>
</form>
</div></td>
</tr>
</table>
</body>
</html>
--- Fin de la cita ---
Siquillote:
Perdonen , pero no entiendo la finalidad de este reto :S ¿Que se supone que hay que hacer?
westwest:
--- Cita de: Siquillote en 16 de Noviembre de 2009, 19:55:33 pm ---Perdonen , pero no entiendo la finalidad de este reto :S ¿Que se supone que hay que hacer?
--- Fin de la cita ---
Explicar por qué ese código no es valido, y dar uno válido
Siquillote:
Entendido , voi a ponerme a ello :)
Navegación
[#] Página Siguiente
Ir a la versión completa