Tutorial de
Chato - 04 de Enero de 2007
El siguiente paso es comprobar que se ajusta a alguna de las DTD que conforman el XHTML. En nuestro caso, al no utilizar CSS y darle el aspecto mediante etiquetas, tenemos que comprobar que se ajusta a la transitional.dtd.
Para ello se debe colocar en la cabecera del documento la declaración de tipo de documento:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"xhtml1-transitional.dtd">
Al validarlo primero se observara la obligatoriedad de que exista el elemento head.
<!ELEMENT html (head, body)>
A continuación se observa el reclamo que indica que el elemento script debe utilizar de forma obligatoria el atributo type:
<!ATTLIST script
charset %Charset; #IMPLIED
type %ContentType; #REQUIRED
Donde debemos indicar de qué tipo es el contenido de la etiqueta script en nuestro caso text/javascript.
Realizando estas correciones y validaciones hasta que se obtenga el siguiente documento XHTML válido:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"xhtml1-transitional.dtd">
<html>
<head>
<title>Ejemplo de documento HTML convertido a XHTML</title>
<script type="text/javascript" language="Javascript" src="hola.js"></script>
</head>
<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" alt="Imagen de un lapiz" /></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 action="accion_asociada">
<input type="checkbox" checked="checked" />Opcion 1
<input type="checkbox" />Opción 2
</form>
</body>
</html>
También tenemos la posibilidad de validar nuestro código en Internet desde el validador que el W3C tiene en http://validator.w3.org/
- 1 - Sobre esta Guía de XHTML
- 2 - Definiciones
- 3 - Diferencias entre HTML y XHTML
- 4 - Minimización de los atributos
- 5 - Novedades
- 6 - El elemento raíz
- 7 - Los elementos
