Curso XHTML II – Nuestro primer documento XHTML
Enero 3, 2008
Estructura básica de un documento XHTML
Después de varios apuntes previos, lo mejor es ponerse manos a la obra y comenzar a construir nuestro primer documento XHTML. Podemos insertar comentarios en nuestro documento de esta forma:
<!–Esto es un comentario–>
Los navegadores no tomarán en cuenta los comentarios y a nosotros nos serán de gran ayuda para ir describiendo cada elemento de nuestro documento. Veamos la estructura básica de un documento XHTML:
<?xml version="1.0" encoding="UTF-8"?><!–declaramos el xml y especificamos el encoding, en este caso UTF-8–>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<!–declaramos el tipo de documento que estamos construyendo–>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-ES" xml:lang="es-ES"><!–y el lenguaje que vamos a emplear, en este caso, el español–>
<head><!–comienza el encabezado de la página web, donde se incluirán algunas especificaciones–>
<title>Semanticode</title><!–el título de nuestra página–>
<meta http-equiv="content-type" content="text/html"/><!–decimos el tipo de contenido que va a tener nuestro documento, texto/html–>
<link rel="stylesheet" type="text/css" media="all" href="css/basics.css"/>
</head><!–cerramos el head–>
<body><!–abrimos el body (cuerpo), aquí es donde empieza el contenido de nuestro documento–>
<p>Este es el contenido de nuestro primer documento XHTML<p><!–esto es lo que se mostrará en nuestro navegador, para definir el párrafo hemos empleado la etiqueta <p>–>
</body><!–cerramos el body–>
</html><!–cerramos nuestro documento, aquí termina todo–>
Veamos con detalle el comienzo de nuestro documento:
<?xml version="1.0" encoding="UTF-8"?>
<!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" lang="es-ES" xml:lang="es-ES">
<head>
Realmente no es necesario saberse de memoria estas líneas de código, podemos copiarlas y pegarlas al comienzo de nuestro documento. Nos bastará saber que existen diferentes tipos de encoding, esto es, codificación de caracteres, y que el que nosotros hemos empleado, UTF-8, nos sirve para mostrar caracteres especiales (diéresis, tildes, etcétera).
Entry Filed under: Curso de XHTML. Etiquetas: xhtml.
1.
ghporras | Enero 4, 2008 at 1:13 pm
Un excelente recurso que complementa esta entrada es la Plantilla base XHTML que sacó Olga hace dias.
Saludos!
2.
kielland | Enero 4, 2008 at 1:46 pm
Gracias ghporras, como dices es un recurso excelente. En estos días intentaré crear un archivo xhtml de descarga como ejemplo de esta segunda parte del curso.
¡Un saludo!