Sopa de etiquetas

No sé cómo se puede llegar a esto en un documento:

[...]
</p></p></p></p></p></p></p></p></p>
</p></p></p></p></p></p></p></p></p>
</p></p></p></p></p></p></p></p></p>
</p></p></p></p></p></p></p></p></p>
</p></p></p></p></p></p></p></p></p>
</p></p></p></p></p></p></p></p></p>
</p></p></p></p></p></p></p></p></p>
</p></p></p></p></p></p></p></p></p>
</p></p></p></p></p></p></p></p></p>
</p></p></p></p></p></p></p></p></p>
</p></p></p></p></p></p></p></p></p>
</p></p></p></p></p></p></p></p></p>
</p></p></p></p></p></p></p></p></p>
</p></p></p></p></p></p></p></p></p>
</p></p>

</body>
</html>

Lo único que puedo afirmar es que, normal no es. Este tipo de cosas en general son ocasionadas por algún tipo de herramienta que no interpreta bien el abrir y el cerrar de un párrafo de HTML. Algo tan simple que nunca he visto nada igual.

Si es que no se puede uno confiar en herramientillas hachetemeleras.

32 Respuestas a la entrada “Sopa de etiquetas”

Escrito por Chinaski
Diciembre 5th, 2005 at 7:28 pm

Si que hay párrafos abiertos ahí ;-)
Paradigmas del mal marcado.

Mmmmm, he visto cosas peores perpetradas por Frontpage o con Word “exportado” a HTML y cosas así. Nada, lo mejor es hacer las cosas a mano, porque sino te llenan el código de basura.

El mismisimo Dreamweaver genera eso si le das varios retornos de carro. Y que haya gente que todavia llave a ese tipo de herramientas profesionales

Yo sí sé como llegar a eso, bastan dos cosas:

  1. Dreamweaver
  2. Un menda que lo maneje como si se tratara de Word

así de simple..

Odio que ocurra eso en todos los mails de reenvio.

En dreamweaver creo que con un shift + enter (o ctrl + enter, no recuerdo bien) te reemplaza los P por BR.

Está mal de todas formas, pero bueno, DW sucks hard.

DW doesn’t suck :(

En mi humilde opinion es el mejor editor WYSIWYG que hay, yo aun lo utilizo para hacer image maps y ya esta.

Yo últimamente por más que utilice algún editor visual me fío más del código que de la presentación. La semana pasada me tocó arreglar un html que me pasaron que prácticamente era más fácil rehacerlo desde cero que andar corrigiendo los errores.
Múltiples anidados, elementos de bloque dentro de elementos de línea, tags no cerrados o anidados incorrectamente, tags span, small, big, y demás, donde NO TIENEN QUE IR… y así varios más.
Me he hecho la costumbre de defirnir un buen wireframe y de trasladarlo a divs sólo manualmente, y no empezar a maquetar gráficamente, sino distribuyendo los contenidos semánticamente primero, y es muy práctico hacerlo así. Se minimizan errores, se mantiene simple el código y se asegura la compatibilidad con los standards.
Y a partir de ahí son útiles los validadores (que no serán una condición imprescindible para hacer un buen sitio, pero nos dan una buena mano para encontrar errores tontos, pero difíciles de ver a simple vista por lo general, en nuestro código).
Todo esto que hago lo aprendí a hacer a partir de varios posts sobre la importancia de la separación de contenido y presentación, la mayoría de ellos publicados en Minid.
Se agradece por ello, Diego ;)

Que cada uno lo utilize para lo que quiera pero que nadie se piense que tiene en sus manos la solución al diseño web. DW es simplemente una ayuda más para el que sabe programar html, php… y un arma de destrucción masiva para el que quiere hacer una web para vacilar a los del messenger. No se si me entendeis.

Saludos.

Que cada uno lo utilize para lo que quiera pero que nadie se piense que tiene en sus manos la solución al diseño web.

La mejor solución es programar a mano. Saber lo que uno escribe, por qué lo escribe.

El resto sólo come memoria, procesador y espacio en disco.

Lo mejor es notepad y la extension de firefox para editar css en vivo desde el navegador.
Y tener a mano una buena referencia a todos los tags porque mucha memoria no tengo

para windows Notepad2 que esta muy bien

Lo mejor es notepad y la extension de firefox para editar css en vivo desde el navegador.

¿De que extensión hablas?

Saludos.

Pues a mi DW me encanta, eso sí, el código lo tiro a mano, pero le encuentro la ventaja de tener en un sólo entorno el ftp y el editor, previsualizar más o menos la página según la monto, buscar la rutas de las imágenes que quiero meter, editar una imagen para retocarla con sólo pincharla, el autocierre de etiquetas que es muy cómodo, el coloreado del código… No sé, creo que hay una falsa polémica con lo del DW. Se puede usar DW tirándo el código a mano y resulta una herramienta estupenda.

Eso sí, en Mac me pone nervioso, con tanta paletita volando. Creo que es un programa que se luce más en Windows.

En fin, para gustos, los editores.

Respuesta larga:
Parece mentira que nadie reconozca que para llegar a eso antes tiene que haber algo así:

<p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><p><p><p><p>
<p><p>

XDDDD

Escrito por kapikua
Diciembre 6th, 2005 at 3:10 am

bueno, yo he hecho eso muchas veces pero para probar alturas de capas, o lo hacia asi o introducia texto basura , para tener relleno, eso huele a “prueba” que despues se han olvidado borrar.

De todas formas MInid hubiera sido correcto que nos indicaras de donde sale eso, porque si es de un usuario normal ( Entiendase usuario que hace su pagina personal y no tiene ni idea de lo que hace ) puede entrar dentro de lo normal. Pero es diferente si hablamos de una web corporativa o empresarial donde “se supone” que ha contratado a una empresa especializada.

Y por ultimo, el Dreamweaver ¿Que os pasa con los programas editores? El dreamweaver es un notepad con aplicaciones ( Plugins ) que te ayudan en el trabajo, solo eso, pero sigue siendo un misero notepad.

Cual es la extension de firefox aque se refieren?

Que cada uno lo utilize para lo que quiera pero que nadie se piense que tiene en sus manos la solución al diseño web.

Un documento del gobierno. Parece que está generado con un programa, no creo que nadie haya generado semejante descontrol de etiquetas y luego se haya olvidado de borrarlas.

Dreamweaver dejó de ser la perlita de los mackeros hace tiempo. No tiene nada alucinante que no tenga el resto de los editores pro, como TextMate, skEdit pro, BBEdit, etcétera. Todos tienen soporte FTP, sFTP…

TextMate es de lo mejorcito que he visto, y con el theme oscuro más todavía.

La extensión de Firefox…cual es?Suena molto bene

Creo que el DW no es tan mal editor web wysiwyg, simplemente no se lo des a manos inexpertas en codigo xq te elaboran un verdadero desastre, y eso pasa con dw como con cualquier editor wysiwyg, en referencia a la extension, creo que se refieren a la webdevelopper que permite editar el css en vivo jejeje.

Escrito por chinaski
Diciembre 6th, 2005 at 10:02 am

La extensión de Firefox de la que hablan se llama Web Developer, y es lo mejor que se ha inventado desde la rueda y Van Morrison.

Ahí va el link a la extensión para editar css con firefox para aquellos perezosos que preguntaron antes de usar google ;) jejjejejeje

Yo me considero un simple aficionado al diseño de páginas web, pero procuro hacer las cosas bien. Personalmente, uso el Dreamweaver por la facilidad con la que permite maquetar contenidos. Escribir el código a mano es una paliza cuando lo que se tiene es una web de contenidos. Cuando se copian y pegan textos se generan tags mal anidados, pero nada que no se pueda arreglar con una inspección visual del código.

De todos modos, también he probado otros editores como el ConText o el UltraEdit, pero carecen de una utilidad que si tiene el Dreamweaver: soporte en japonés.

En M$ Windows también funciona GNU Emacs, editor extremadamente recomendable. Yo lo uso para todo, HTML y CSS incluidos.

La mejor solución es programar a mano

Bueno… yo ya me he acostumbrado a escribir el html a pelo..
en mis principios usaba (vais a reiros) el Frontpage … en las primeras versiones el programa te cambiaba el código a su gusto… xD
Luego pasé al Dreamweaver… pero como ya siempre uso las mismas cosas y me las he aprendido … pues no necesito programa.
De todas formas como no soy experto meto patones … no paso el validador w3c ni a la de 3.

como editores de texto sin duda recomiendo el UltraEdit. Es el que uso en la oficina.

Por una vez estoy de acuerdo con Ernex. DW rulez. Normalmente si no se sabe usar, todo es una mierda.

Escrito por Matias
Diciembre 6th, 2005 at 6:38 pm

Nunca he hecho un proyecto pero siempre que quiero programar html o php uso npad2(http://zeraha.org/), no me gustan los editores wysinwyg..

viM + sftp (gnome trae integrado soporte de “servidores remotos” como directorios locales). Pero si alguien me pregunta en windows que editor html usar, le recomiendo DreamWeaver -hasta donde lo usé, era el mejor-.

Aj, el soporte UTF-8 de los editores en Windows es pésimo.

En Ubuntu me instalé Bluefish y Quanta+. Los dos me gustaron mucho, pero aún no me decidí por ninguno. Creo que con Bluefish me siento más a gusto (gnome me agrada más que KDE, pero es cuestión de gustos).
De Dreamweaver sólo destaco la practicidad del coloreado del código y las ayudas de código (eso que cuando vas escribiendo te sale un contextual con las opciones para lo que estabas por escribir), y de la última versión algunas cositas son más que interesantes. Y el hecho de poder tener en tiempo real una especie de previsualización del resultado del trabajo, es algo muy bueno en cuanto a productividad (me extraña que no lo hayan aplicado otros editores similares, como los que mencioné de Linux).
Por lo demás, tiene una interfase muy molesta donde todo se empieza a solapar, que a mi manera de ver lo hace confuso y distrae la atención.
Y la previsualización que mencioné tampoco es la panacea. Tiene el mal vicio de presentar las proporciones “alla explorer”, por lo que para tener una correcta previsualización deberemos recurrir a la vista previa en el navegador, lo que lo deja a la altura del resto de los editores que podríamos usar.

Pero en definitiva, sea lo que sea que uses, coincido que lo mejor es escribir el código en lugar de montar a mano las páginas. Uno se involucra más en la estructuración del código y se preocupa por tenerlo ordenado y conciso. Y eso es vital para un buen desarrollo (sobre todo si hay que trabajar interdisciplinarmente y otros programadores/diseñadores/etc. tienen que agregar cosas a nuestro trabajo).
Pero vamos, que el numerado de líneas, coloreado de sintaxis y algún asistente de escritura lo hacen bastante más rápido y llevadero.
Tanto como el notepad sólo tampoco es…

La mejor solución es programar a mano. Saber lo que uno escribe, por qué lo escribe.

El resto sólo come memoria, procesador y espacio en disco.

Joder pero intentalo con VI y veras… XD

PD: si vieras el tag que tengo mal cerrado en mi web me matabas…

“No sé cómo se puede llegar a esto en un documento…” -> Tal vez la respuesta la tengan los que hicieron el INDEX de este sitio http://www.ecoexplorer.cl :P