Curso de XHTML - Convertir HTML en XHTML manualmente
Curso gratis creado por Carlos Castillo. Extraido de: http://www.tejedoresdelweb.com/307/article-10152.html
18 de Octubre de 2005
HTML, XML
7 - Convertir HTML en XHTML manualmente
Son necesarios dos pasos para convertir un documento HTML en un documento XHTML válido.
En primer lugar hemos de asegurarnos que está bien formado y en segundo lugar ver que es válido respecto de alguna de las tres DTD que conforman el XHTML.
Primero debemos aplicar sobre el documento las reglas de buena formación del XML y eso lo podemos hacer utilizando las reglas que hemos definido anteriormente. Para ello, vamos a usar el siguiente ejemplo:
<html>
<script language="Javascript">
function Hola(){
alert ("Hola");
}
</script>
<body>
<h1>Página HTML que convertiremos en XHTML</h1>
<p>Esto es un párrafo con una texto en <b>negrita <i> y</B> cursiva </i>.
<p>Esto es un párrafo en el que coloco un salto de linea. <br>
Y ahora continuamos aqui.</p>
<P align=center>Esto es texto centrado</P>
<ul>
<li>Esto es una lista con un enlace a una función de
<a href="javascript:Hola()">javascript</a></li>
<li>Esto es otra lista con una imagen <img src="lapiz.gif">
<li><font size="4" color=red>Este es otro elemento de
la lista con otro color y tamaño de fuente mayor.</font>
</ul>
<p>y para terminar un formularío</p>
<form>
<input type="checkbox" checked>Opcion 1
<input type="checkbox">Opción 2
</form>
</body>
</html>
A este documento se le aplican las reglas de las que se han expuesto anteriormente. Se recomienda al comenzar poner todas las etiquetas en minúsculas para luego comprobar que todas las etiquetas se cierran correctamente, entrecomillar los atributos, etc. Para comprobar el documento XML puede usarse el navegador IE5 por lo que al inicio debe añadir la cabecera XML, y luego validar los cambios
Una vez realizados todos estos cambios y que hayamos conseguido verlos en el IE5 o validarlos respecto de un parser de XML, el documento HTML anterior quedaría de la siguiente manera:
<?xml version="1.0" encoding="ISO-8859-1"?>
<html>
<script language="Javascript" src="hola.js"></script>
<body>
<h1>Página HTML que convertiremos en XHTML</h1>
<p>Esto es un párrafo con una texto en <b>negrita </b> y <i>cursiva </i>.</p>
<p>Esto es un párrafo en el que coloco un salto de linea. <br />
y ahora continuamos aqui.</p>
<p align="center">Esto es texto centrado</p>
<ul>
<li>Esto es una lista con un enlace a una función de
<a href="javascript:Hola()">javascript</a></li>
<li>Esto es otra lista con una imagen <img src="lapiz.gif" /></li>
<li><font size="4" color="red">Este es otro elemento de la lista
con otro color y tamaño de fuente mayor.</font></li>
</ul>
<p>y para terminar un formularío</p>
<form>
<input type="checkbox" checked="checked" />Opción 1
<input type="checkbox" />Opción 2
</form>
</body>
</html>
Note como el código que iba dentro de la etiqueta script ha sido colocado en un archivo externo hola.js.
En primer lugar hemos de asegurarnos que está bien formado y en segundo lugar ver que es válido respecto de alguna de las tres DTD que conforman el XHTML.
Primero debemos aplicar sobre el documento las reglas de buena formación del XML y eso lo podemos hacer utilizando las reglas que hemos definido anteriormente. Para ello, vamos a usar el siguiente ejemplo:
<html>
<script language="Javascript">
function Hola(){
alert ("Hola");
}
</script>
<body>
<h1>Página HTML que convertiremos en XHTML</h1>
<p>Esto es un párrafo con una texto en <b>negrita <i> y</B> cursiva </i>.
<p>Esto es un párrafo en el que coloco un salto de linea. <br>
Y ahora continuamos aqui.</p>
<P align=center>Esto es texto centrado</P>
<ul>
<li>Esto es una lista con un enlace a una función de
<a href="javascript:Hola()">javascript</a></li>
<li>Esto es otra lista con una imagen <img src="lapiz.gif">
<li><font size="4" color=red>Este es otro elemento de
la lista con otro color y tamaño de fuente mayor.</font>
</ul>
<p>y para terminar un formularío</p>
<form>
<input type="checkbox" checked>Opcion 1
<input type="checkbox">Opción 2
</form>
</body>
</html>
A este documento se le aplican las reglas de las que se han expuesto anteriormente. Se recomienda al comenzar poner todas las etiquetas en minúsculas para luego comprobar que todas las etiquetas se cierran correctamente, entrecomillar los atributos, etc. Para comprobar el documento XML puede usarse el navegador IE5 por lo que al inicio debe añadir la cabecera XML, y luego validar los cambios
Una vez realizados todos estos cambios y que hayamos conseguido verlos en el IE5 o validarlos respecto de un parser de XML, el documento HTML anterior quedaría de la siguiente manera:
<?xml version="1.0" encoding="ISO-8859-1"?>
<html>
<script language="Javascript" src="hola.js"></script>
<body>
<h1>Página HTML que convertiremos en XHTML</h1>
<p>Esto es un párrafo con una texto en <b>negrita </b> y <i>cursiva </i>.</p>
<p>Esto es un párrafo en el que coloco un salto de linea. <br />
y ahora continuamos aqui.</p>
<p align="center">Esto es texto centrado</p>
<ul>
<li>Esto es una lista con un enlace a una función de
<a href="javascript:Hola()">javascript</a></li>
<li>Esto es otra lista con una imagen <img src="lapiz.gif" /></li>
<li><font size="4" color="red">Este es otro elemento de la lista
con otro color y tamaño de fuente mayor.</font></li>
</ul>
<p>y para terminar un formularío</p>
<form>
<input type="checkbox" checked="checked" />Opción 1
<input type="checkbox" />Opción 2
</form>
</body>
</html>
Note como el código que iba dentro de la etiqueta script ha sido colocado en un archivo externo hola.js.
Valora este capítulo:
Autor y licencia de 'Curso de XHTML - Convertir HTML en XHTML manualmente'
|
Opiniona sobre 'Curso de XHTML - Convertir HTML en XHTML manualmente' (0)
Tu nombre debe tener tres caracteres como mínimo.
Es necesario que te des de alta con una cuenta de correo válida.
Es necesario que te des de alta con una cuenta de correo válida.
El contenido del título de tu opinión debe tener tres caracteres como mínimo.
Es obligatorio que selecciones una valoración del recurso.
El contenido del comentario de tu opinión debe tener tres caracteres como mínimo.
Opina sobre este curso gratis |
Wikis relacionados con 'Curso de XHTML - Convertir HTML en XHTML manualmente'
Cómo SGML originó HTML y luego XML que engendró a XHTML. XHTML es la solución...
Más »
Cómo SGML originó HTML y luego XML que engendró a XHTML. XHTML es la solución...
Más »
XHTML es una reformulación de HTML que normaliza y modulariza el lenguaje. XHTML está basado...
Más »
Este es un curso tremendamente completo, guiado y con ejemplos y prácticas pensadas para convertirlo...
Más »
Como bien sabemos XHTML (EXtensible HyperText Markup Language) es la nueva generación de HTML, algunos...
Más »
