Pasar de HTML a XHTML

[marcelo1043]

Hola amigos.

Estoy pensando pasar mi web de HTML 4.01 strict a XHTML.

¿Sería muy trabajoso?
¿Qué ventajas tendría en la práctica?
¿Tendría más posibilidades de insertar vídeos o alguna otra mejora en mi web?
¿Merece la pena el trabajo?

Gracias por sus opiniones.

[KurozakiIchigo]

No es trabajoso, y si merece la pena, ya que el famoso "validator" del que todos hablan, es el que le da valor a tu sitio.

Si usas xHTML strict y el codigo esta bien validado, es lo que se necesita en este mundo del diseño de webs, asi que si te recomiendo que pases a xHTML.

[marcelo1043]

aha, gracias... y ¿por dónde se empieza para minimizar el tiempo que esté la web indispuesta?

[LightYagami]

Quieres decir que ya tienes tu web alojada.???

Si es asi, no ocupa estar tiempo off, simplemente deja tu web alojada y on y bajate una copia de tu web (los archivos).

E inicia a modificarla, una ves este, simplemente reemplaza los archivos de tu web, sera como un upgrade.

No necesitas dejarla tiempo off.

[emprear]

En tanto los modificas. Para ir controlando los cambios en los archivos locales te recomiendo que te ayyudes con alguna herramienta auxiliar.

El complemento
http://users.skynet.be/mgueury/mozilla/

Para Firefox es muy bueno, incluso podés valerte de ella para hacer las modificaciones.


Saludos


Felices fiestas para todos los integrantes del Foro !!!

[marcelo1043]

Sí la tengo alojada y funcionando: www.cineraro.com

Así que me bajaré un backup y me pondré a ello.

Con lo bruto que soy no sé ni cómo he llegado hasta publicarla.

Muchas gracias por los consejos.

Acabo de ver que hay varios conversores de HTML a XHTML, al menos al transicional...
¿saben si funcionan bien o son chapuceros?
Me voy a librar de trabajo penoso gracias a ellos.

[KurozakiIchigo]

Iniciado por marcelo1043

Acabo de ver que hay varios conversores de HTML a XHTML, al menos al transicional...
¿saben si funcionan bien o son chapuceros?

No se si en verdad sirvan, jamas los he calado, es más, nunca he tenido intension de usar un programa para convertir mi codigo automaticamente a otro.

Es mas, y hasta te aconsejo, que mejor lo hagas tu, es mejor confiar en tu codigo y en que tu lo has hecho, confiar mas que nada en tu conocimiento.

Que ganaras hacer una web si no sabras lo que significa el codigo?
Si quereis hacer una modificación no podras ubicarla, o no sabras realizarla.

Mejor hazla manualmente, es lo mejor amigo

[David]

Hablando un poco más de si es ventajoso o no pasar a XHTML...

...Aunque fue planeado como el sucesor de HTML, hay que tener en cuenta que el grupo que estaba trabajando en la especificación de XHTML 2.0 está cerrado y de momento se están concentrando en HTML 5

[emprear]

Iniciado por KurozakiIchigo

No se si en verdad sirvan, jamas los he calado, es más, nunca he tenido intension de usar un programa para convertir mi codigo automaticamente a otro.

Por supuesto que sirven, no al 100% quizás, todo dependerá de que tipo de errores tenga tu html original, entendiendo por errores, justamente eso errores, y no la conversión de sintáxis de un doctype a Otro.
en muchos casos habrá que dar un retoque final manualmente, pero te simplifican el trabajo en un 80% / 90%


Saludos


Felices fiestas para todos los integrantes del Foro !!!

[marcelo1043]

Iniciado por David

Hablando un poco más de si es ventajoso o no pasar a XHTML...

...Aunque fue planeado como el sucesor de HTML, hay que tener en cuenta que el grupo que estaba trabajando en la especificación de XHTML 2.0 está cerrado y de momento se están concentrando en HTML 5

¿Y eso que quiere decir?
¿Que se abandonará también el XHTML?
Actualmente las webs profesionales son todas en XHTML, ¿verdad?


Según Wikipedia se desarrolla junto con XHTML5:

HTML 5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML.
HTML 5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML (text/html), la variante conocida como HTML5 y una variante XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML (XHTML) (application/xhtml+xml).1 , 2
Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.
El desarrollo de este código es regulado por el Consorcio W3C.

[David]

Aquí un documento hablando del tema:
http://www.w3.org/2009/06/xhtml-faq.html

Saludos.

[marcelo1043]

Para convertir a transicional está: http://www.naguissa.com/html2xhtml.php
Ahora falta en este tema un conversor a XHTML estricto.
¿Alguien conoce alguno?

Parece mejor el Transicional porque admite que visitantes con navegadores que no aceptan css vean la web.

Todavía no tengo claro qué cosas no puedo hacer con HTML y sí con XHTML, aparte de algo con Java no se qué más.

[marcelo1043]

Ya he cambiado a XHTML las páginas principales de mi web y cargan como un tiro:
www.cineraro.com

No me dio mucho problema excepto por los acentos o por mi torpeza.
Lo único malo es que tengo 150 páginas en esta web y voy a tardar un poco en pasarlas todas a XHTML, pero si los buscadores y el validador la considerará mejor, valdrá la pena el esfuerzo.

[emprear]

marcelo1043:

como pasas la url, y decís,

Ya he cambiado a XHTML las páginas principales de mi web y cargan como un tiro:

Supongo que ya habrás hecho el trabajo, al menos en tu index, sim embargo en el mismo se puede apreciar

Result: 137 errors / 0 warnings

line 12 column 64 - Error: document type does not allow element "link" here
line 13 column 67 - Error: document type does not allow element "meta" here
line 14 column 6 - Error: document type does not allow element "title" here
line 16 column 62 - Error: unclosed start-tag requires SHORTTAG YES
line 16 column 62 - Error: document type does not allow element "link" here
line 16 column 62 - Error: end tag for "link" omitted, but OMITTAG NO was specified
line 16 - Info: start tag was here
line 20 column 7 - Error: required attribute "type" not specified
line 20 column 7 - Error: document type does not allow element "style" here
line 34 column 246 - Error: there is no attribute "src"
line 34 column 318 - Error: there is no attribute "type"
line 34 column 368 - Error: there is no attribute "allowscriptaccess"
line 34 column 393 - Error: there is no attribute "allowfullscreen"
line 34 column 406 - Error: there is no attribute "width"
line 34 column 419 - Error: there is no attribute "height"
line 34 column 426 - Error: element "embed" undefined
line 39 column 190 - Error: document type does not allow element "br" here; assuming missing "li" start-tag
line 40 column 3 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 41 column 3 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 42 column 3 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 43 column 3 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 44 column 3 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 45 column 3 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 46 column 3 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 47 column 3 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 48 column 3 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 49 column 3 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 50 column 3 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 51 column 3 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 52 column 3 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 53 column 3 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 54 column 3 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag

y sigue hasta los 137



No quiero desalentarte, pero eso es igual a no haber hecho nada.

No alcanza con poner un Doctype, hay que respetar las reglas que ese Doctype implican.
Te sugiero que empieces por algun buen manual de Xhtml

Saludos


Felices Fiestas para todos los integrantes del Foro !!!

[marcelo1043]

Lo único que hice fue convertirlo con un software on line.
Ni le pasé el validador. Gracias ya me pongo con ello a corregirlo.
Lo cierto es que la web carga más rápido.

Va a ser cierto que los convertidores de HTMLa XHTML no sirven para nada.

[Webs_DS]

Buenas...

1) "Seria muy trabajoso"?.. Depende, de cuanto código tengas y que errores tengas. Pero VALE la pena.

2)"ventajas"?... Es muchisimo mejor que el html, como sabrás el Xhtml es una "mezcla" de html y xml, y sobre todo para la W3c es mejor tener paginas web en Xhtml, porque cargan más rápido, es mas ordenado el código, y de una u otra forma agrdecerá los buscadores, al tener un código limpio.

3) "videos, mejora de web"?.. Con html puedes hacer lo mismo que con Xhtml, puedes mete videos, musica, etc.. Lo único "diferente" es que tienes que programar de una manera más ordenada, y perfecta se podría decir.

4) "merece la pena"?.. CLARO!!!, aparte de toodas las ventajas, tu te 'actualizaras' y aprenderas nuevas cosas y estarás a la "última",, jejej.. Sabes que cada vez sacarán más y mejores "cosas", asi como se habla del famoso Html 5,, porque no querás quedarte con el html toda la vida no?, jj

Conclusión:---- Si has estudiado o sabes algo de xml, te será muy sencillo camb iar tu código de html a xhtml, si no sabes, no pasa nada, Googleando, o con ayuda de foros, ya verás como es sencillo y vale la pena. Te aconsejo qu elo hagas TUU mismo, primero para que APRENDAS nuevas cosas, y segundo te aseguras que tu código esta limpio y como quieres.. ;)

Espero haberte ayudado..
Saludos..

D.S.

[emprear]

Iniciado por marcelo1043

Lo único que hice fue convertirlo con un software on line.
Ni le pasé el validador. Gracias ya me pongo con ello a corregirlo.
Lo cierto es que la web carga más rápido.

Va a ser cierto que los convertidores de HTMLa XHTML no sirven para nada.

Hombre, tienes una gran confusión, la herramienta que te mencioné, limpia tu código de tal manera que de 137 errorres pasa a tener solo 9

Result: 9 errors / 0 warnings

line 12 column 6 - Error: document type does not allow element "title" here
line 67 column 11 - Error: there is no attribute "src"
line 67 column 83 - Error: there is no attribute "type"
line 67 column 133 - Error: there is no attribute "allowscriptaccess"
line 68 column 16 - Error: there is no attribute "allowfullscreen"
line 68 column 29 - Error: there is no attribute "width"
line 68 column 42 - Error: there is no attribute "height"
line 68 column 49 - Error: element "embed" undefined
line 401 column 70 - Error: there is no attribute "alt"



Que en una página pongas esto

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Html 4.01 Transitional</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
</HEAD>
<BODY>
<p>Hola</p>
<!-- y todo el código que se te ocurra -->
</BODY>


o esto


<!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>
<title>Html 4.01 Transitional</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<p>Hola</p>
<!-- y todo el código que se te ocurra -->
</body>
</html>

u esto


<html>
<head>
<title>Html 4.01 Transitional</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<p>Hola</p>
<!-- y todo el código que se te ocurra -->
</body>
</html>

no va a hacer que tu página cargue más o menos rápido

Saludos

[jomaruro]

Hola:

¿Y en lugar de tener tantas páginas no te habría sido más cómodo haber utilizado PHP para desarrollarla?

Saludos.

[marcelo1043]

Iniciado por Webs_DS

2)"ventajas"?... Es muchisimo mejor que el html, como sabrás el Xhtml es una "mezcla" de html y xml, y sobre todo para la W3c es mejor tener paginas web en Xhtml, porque cargan más rápido, es mas ordenado el código, y de una u otra forma agrdecerá los buscadores, al tener un código limpio.

3) "videos, mejora de web"?.. Con html puedes hacer lo mismo que con Xhtml, puedes mete videos, musica, etc.. Lo único "diferente" es que tienes que programar de una manera más ordenada, y perfecta se podría decir.
.

O sea que la única ventaja es que la página carga más rápido.
Es importante, pero esperaba algo más.

Iniciado por Jomaruro

¿Y en lugar de tener tantas páginas no te habría sido más cómodo haber utilizado PHP para desarrollarla?

¿Y eso qué es? Solo sé que en mi directorio web del servidor hay unos archivos PHP. ¿Me quitaría trabajo haberlo hecho con PHP? ¿Ahora ya es tarde?
Bastante hice con aprender lo poco que sé de HTML.

Iniciado por emprear

Hombre, tienes una gran confusión, la herramienta que te mencioné, limpia tu código de tal manera que de 137 errorres pasa a tener solo 9

Ok, voy a usarlo porque lo hice con el de Naguissa.com y no sirve.
Que trabajen las máquinas.

Muchas gracias a todos por sus comentarios.

[marcelo1043]

Iniciado por emprear

Hombre, tienes una gran confusión, la herramienta que te mencioné, limpia tu código de tal manera que de 137 errorres pasa a tener solo 9

Lo usé y metió el estilo de la barra de menú en el <head>, con lo que ahora está desbaratada y me estropea toda la página.

Mis abogados están preparando una demanda por daños y perjuicios contra ustec.

[emprear]

Gracias Amigo, excelente
Como viene barajado este tema, cuanto mayor la demanda creo que más ganaré...


Saludos

[marcelo1043]

Ya arreglé el tema de la barra de menú, era cosa de distancias con elementos de abajo.

Pero ahora le pasé el W3C validator y dice que tengo 632 errores y un warning para XHTML transitional, ni más ni menos... cualquiera lo entiende.

Firefox dice que tengo 0 errores pero 632 warnings.

[marcelo1043]

Iniciado por jomaruro

Hola:

¿Y en lugar de tener tantas páginas no te habría sido más cómodo haber utilizado PHP para desarrollarla?

Saludos.

No sé lo que es el php.
¿Me serviría de algo usarlo ahora que ya tengo la web hecha o ya es tarde?

Disculpen mi ignorancia.


En cuanto al validador w3c he comprobado las webs de El Mundo y Libertad Digital y les da 145 y 127 errores. ¿Eso es normal? ¿Les afecta en algo? La mía la hice yo solo y me da 600 errores así que no está tan mal comparado con las webs profesionales de medios de comunicación.

[jomaruro]

Hola:

PHP es un lenguaje de programación del lado del servidor, utilizando los include de php puedes hacer una sola modificación y no tendrías que modificar todas las páginas una a una, ¿Es tarde? Si ya la tienes terminada sí, pero deberías plantearte reacerla si le número de modificaciones que tienes que hacer es frecuente y laboriosa (por el número de páginas a modificar).

Saludos.

[marcelo1043]

Iniciado por jomaruro

Hola:

PHP es un lenguaje de programación del lado del servidor, utilizando los include de php puedes hacer una sola modificación y no tendrías que modificar todas las páginas una a una, ¿Es tarde? Si ya la tienes terminada sí, pero deberías plantearte reacerla si le número de modificaciones que tienes que hacer es frecuente y laboriosa (por el número de páginas a modificar).

Saludos.

Gracias.

Supongo que te referirás a modificar el contenido, no al estilo, porque para modificar las hojas a la vez... ¿no es esa la función de las hojas CSS?

Quizá me serviría para insertar publicidad en todas las páginas de las películas, ya que cada una tiene la suya propia: www.cineraro.com
porque las tengo ordenadas en dos listas y en total son 148.

Lo que suelo hacer ahora es añadir más páginas de nuevas películas o series o incluir contenidos de artículos en el index.

[jomaruro]

Hola:

Iniciado por marcelo1043

Lo que suelo hacer ahora es añadir más páginas de nuevas películas o series o incluir contenidos de artículos en el index.

Interpreto que no utilizas una base de datos, que manejada con PHP siempre te facilitará las posibles modificaciones posteriores de las páginas, ahora tienes 148 películas y dentro de un año, por ejemplo ¿Cuantas? ¿500? ¿1000?

Imagínate el día que decidas cambiar el formato de la página ¿cuantas páginas tendrías que modificar? Y me refiero, por supuesto, a la estructura de la página no a los estilos.

Imagínate que quisieras cambiar las opciones del menú, tendrías que hacerlo en todas y cada una de las páginas, sin embargo si el menú lo incluyeras mediante un include en cada página, solo tendrías que cambiar el archivo php que contiene el menú y ya tendrías todas las páginas modificadas. No sé si me he explicado bien.

Saludos.

[marcelo1043]

Sí entiendo, gracias.

Empezaré a estudiarlo desde lo básico como hice con el HTML porque es conveniente.