Curso de xhtml - Convertir HTML en XHTML manualmente

7 - Convertir HTML en XHTML manualmente

[editar]
Curso gratis creado por Carlos Castillo. Extraido de: http://www.tejedoresdelweb.com/307/article-10152.html
18 de Octubre de 2005
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.
[editar]

Sé el primero en opinar


Cursos gratis relacionados con 'Curso de xhtml'

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 »

Autor y licencia de 'Curso de xhtml'


Curso gratis de Carlos Castillo. Extraido de: http://www.tejedoresdelweb.com/307/article-10152.html CopyLeft
Los contenidos de este sitio pueden ser reproducidos solamente bajo estas condiciones. La licencia está respaldada con el registro de propiedad intelectual número 97.125 en Chile y otros países.
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.