El peor código HTML

[Vía 456BereaStreet] Hace unas semanas Robert Nyman proponía en su blog que le enviásemos ejemplos de código HTML feo, inválido...

No es difícil encontrar ejemplos y basta con mirar algunos trabajos propios (generalmente del pasado). Durante las últimas semanas he tenido que revisar muchas webs del mundo editorial español, y ahí se pueden encontrar ejemplos a mansalva; pero esto que pongo aquí no es fácil de encontrar.

HTML:
  1. <td height="10" bordercolor="#CCCCCC" bgcolor="#9999ff">
  2.       <div align="left">
  3.             <font face="Georgia, Times New Roman, Times, serif" size="3">
  4.                   <strong>&nbsp;&nbsp; </strong>
  5.              </font>
  6.              <FONT size="+4" face="Book Antiqua">
  7.                   <FONT color=#02f0fd size="3" face="Georgia, Times New Roman, Times, serif">
  8.                         <strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; C</strong>
  9.                   </FONT>
  10.                   <strong>
  11.                         <FONT color=#abfafe size="3" face="Georgia, Times New Roman, Times, serif">OLE</FONT>
  12.                         <FONT color=#d6fcfe size="3" face="Georgia, Times New Roman, Times, serif">C</FONT>
  13.                         <FONT color=#f0feff size="3" face="Georgia, Times New Roman, Times, serif">CIO</FONT>
  14.                         <FONT color=#abfafe size="3" face="Georgia, Times New Roman, Times, serif">NE</FONT>
  15.                         <FONT color=#02f0fd size="3" face="Georgia, Times New Roman,Times,serif">S</FONT>
  16.                   </strong>
  17.             </FONT>
  18.       </div>
  19. </td>

Desde aquí os animo a superarlo ;)

El ejemplo es un caso real!; el efecto conseguido... espectacutar. Si alquien quiere que le mande la URL... bueno, que utilice el formulario se contacto.


7 comentarios a esta entrada

Tiene toda la pinta de ser código salido de un editor WYSIWYW. Tampoco es para tanto... además está bien indentado.

Pero si, pon la url anda xD

Bueno... lo he indentado yo para que podais leerlo y apreciarlo en todo su esplendor.

Para mi si es para tanto, en cuanto aparece una etiqueta font>y alguien intenta le hace un strong a dos espacios en blanco. Anida fonts, usa mayúsculas para las etiquetas (a veces)... en fin. Es un ejemplo de código terrible.

Seguramente Pablo tenga razón y sea de un editor WYSIWYG, nadie le dedicaría tanto a hacer estas guarradas al código (como poner strong a dos espacios en blanco).

El (cómodo) diseñador no tiene ni idea. La patada habría que dárselo a los del editor, que se pongan las pilas.

¿Que URL es?

... la idea del post no era darle patadas a nadie sino mostrar código mal hecho, muy mal hecho. Insisto en que el nadie puede tirar la primera piedra. Mirando hacia atrás y ver algunos de mis trabajos me echo las manos a la cabeza. De ahí que no quiera poner la url, no es cuestión de atacar a nadie. Confiad en mi, es un caso real.

Como bien apuntas la patada tiene que llevárselas el que haga falta. Si es el editor, el editor por generar ese código.

Independientemente de eso, un editor no escribe las etiquetas unas veces con mayúsculas y otras con minúscula y además eso no justifica a un diseñador web, que debe revisar el código que su editor genera.

Peor que este ninguno...
http://www.presidencia.gob.ni/
y es el sitio oficial del gobierno de Nicaragua..
Gracias Chayo Chamuca (Primera Dama del comandante 38)

Es cosa de los editores WYSIWYG.

De todos modos acepto el reto. Prueba a ver el código fuente de este site: http://www.escueladeceramica.com

Creo que tiene el récord mundial de fonts anidados ;-)

juel... si tiene fonts anidados eso, si.

Y vuelvo a insisitir... la cuestion era mosrar código HTML nefasto... generado por editores WISIWYG o no.

Leave a Reply