Las cabeceras de los documentos xhtml se pueden organizar del siguiente modo.

Lo primro es definir el Doctype que identifica qué tipo de documento estamos trabajando y le da información al navegador de la versión y el tipo.

<!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” xml:lang=”es”>

Abrimos el <head>

Para formatear html con charset=iso-8859-1″ hay que guardar como ANSI, para que funcione la codificación. En caso contrario determinados caracteres no se mostrarán correctamente. Dreamweaver lo hace coincidir automáticamente, no es así con editores de texto tipo Textpad, o ultraedit que dan más opciones.

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />

Rellenamos la meta información de página.
Hacemos las llamadas a los js que vayamos a usar y las css
Hacemos la llamada al favicon que es el icono que aparece al lado de las barras de direcciones en firefox por ejemplo.
Añadimos la llamada a las css que sólo verán ie6 o el resto de ie para poder, por ejemplo meter el js supersleight que permite ver los pngs transparentes en ie6

Finalmente quedaría algo así:

<!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” xml:lang=”es”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />

<title>Titulo de la página</title>
<meta name=”DESCRIPTION” content=”Descripción de la web” />
<meta name=”KEYWORDS” content=”palabras, clave,  ” />

<script type=”text/javascript” src=”/js/jquery.js”></script>
<link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon”/>
<link rel=”stylesheet” type=”text/css” href=”/css/commons.css” media=”screen, print”/>
<!–[if IE]>
<link rel=”stylesheet” href=”/css/commons_fonts_ie.css” type=”text/css” media=”screen, print”/>
<![endif]–>
<!–[if lte IE 6]>
<link rel=”stylesheet” href=”/css/commons_ie6.css” type=”text/css” media=”screen, print”/>
<script type=”text/javascript” src=”/js/supersleight.js”></script>
<![endif]–>
<link rel=”stylesheet” type=”text/css” href=”/css/print.css” media=”print”/>
</head>
<body
Tu contenido

</body>
</html>