Ahora que tenemos nociones de cómo se realiza el marcado html, podremos ver con mayor claridad como es la estructura XHTML básica.
<!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" xml:lang="es" lang="es"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Aquí va el texto de la barra de titulo</title> </head> <body> Aquí va el contenido que marcaremos <body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Se ubica antes de todo, sirve para indicar la versión del documento, en este caso para la versión del transicional del XHTML, esto ayuda indicar las características del contenido del documento.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
La etiqueta de apertura <html> que además tiene unos atributos añadidos debemos resaltar: xml:lang="es" lang="es" donde señalamos el idioma principal que tendrá la web en este caso colocamos (es) entre las comillas por el idioma español. Si fuese ingles colocaríamos xml:lang="en" lang="en". La etiqueta de cierre </html> se ubica al final del documento HTML
<head> <title>Aquí va el texto de la barra de titulo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head>
comprende todo lo incluido dentro de <head></head>, los elementos principales en esta sección son:
<title></title> Aquí va el texto de la barra de titulo
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Se utiliza para mostrar de forma correcta los caracteres latinos en nuestro caso utilizado por el español iso-8859-1.
Se ubica entre las etiquetas <body> </body>, donde va el contenido de la pagina web Los ejemplos de marcado que realizamos al inicio precisamente van en el cuerpo.