Capitulos de este wiki

Inicio

XHTML - Convertir HTML en XHTML manualmente

10 - Convertir HTML en XHTML manualmente

Tutorial creado por Chato . Extraido de: http://www.tejedoresdelweb.com/307/article-10152.html

04 Enero 2007

< anterior | 1 .. 8 9 10 11 12 .. 15 | siguiente >

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.

< anterior | 1 .. 8 9 10 11 12 .. 15 | siguiente >

Autor y licencia de 'XHTML'

Tutorial de Chato . Extraido de: http://www.tejedoresdelweb.com/307/article-10152.html CopyLeft

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.