Existe un mundo de diferencias entre HTML y XHTML, pero actualmente es complicado explicarlas todas. Para empezar una gran diferencia es la necesidad de usar minúsculas en todas las etiquetas con XHTML. La siguiente diferencia es la desaparición de algunas etiquetas y el reajuste de otras
HTML
<p>Cursos:
<ul>
<li>punto 1
<li>punto 2
</ul>
XHTML
<p>Cursos:</p>
<ul>
<li>punto 1<lli>
<li>punto 2</li>
</ul>
Como queda comprobado, el código es mucho más limpio y legible, por lo que aparte de que el W3C, aprueba el XHTML y da por extinguido el HTML, será mucho más fácil la programación de una pagina.
A continuación muestro como crear una página de XHTML, y explico en que consiste este código.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Por fin me entero que es todo este royo</title>
</head>
<body>
- Mi nombre es Ignacio Santos
</body>
</html>
Explicación del codigo:
- DOCTYPE: es la manera en que el W3C indica, deben comenzar todos los documentos XHTML, sirve para que tanto el servidor como el explorador que usemos, sepan que clase de documento es.
- Html PUBLIC: Este documento es publico
- W3C: Es quién gestiona el documento, quien lo aprueba (digamos que es el patrocinador)
- DTD XHTML 1.0 Transitional: Viene a decirnos que versión y tecnología utilizamos.
- EN: Idioma (English), ingles.
- http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd: Documento que explica diferencias y mejoras con el HTML 4.0, que era la versión utilizada hasta ahora.
- <html xmlns="http://www.w3.org/1999/xhtml">: Forma de comienzo de una página XHTML, el enlace lleva a la explicación del W3C, de en que consiste una página XHTML.
- <head>: Encabezado ya lo dice la palabra, dentro del encabezado encontramos los “meta”, que se explicaran mas adelante. También encontramos la etiqueta <title>, sirve para ponerle un titulo a la página como veis el titulo de la página que estamos estudiando es: “Por fin me entero que es todo este royo”
- </head> fin del encabezado
- <body> Cuerpo de la página, en esta zona irá todo el contenido de la página, como veis en esta página aparece “Mi nombre es Ignacio Santos”.
- </body>: Fin del cuerpo de la página. A partir de aquí no se mostrará nada de lo que pongamos en la pagina.
- </html>: Fin del documento, es el cierre (Viene a decir hemos terminado).
Todo esto es una página Web, con lo que todo el mundo puede hacerse una propia, una pagina estática en XHTML, no tiene porque ser algo que venda, puede ser un diario (blogs), un sitio donde colgar fotografías de tus amigos y tuyas, un libro de cocina, etc…
Tiene un gran abanico de posibilidades que quedan en la mente de cada diseñador / programador.
Ver ejemplo en funcionamiento
Autor: Ignacio Santos
Escrito para: http://www.webspacesite.com
Inicio
Foros
Descargas
VideoJuegos
Tutoriales de Informática
Eurodipity
