3. Estructura XHTML [April 12, 2012, 4:49 p.m.]
En este apartado vamos a ver cual sería la estructura de cualquier página web. Hasta ahora quiza esten siendo un poco aburridos, pero no se preocupen que ya mismo llega la práctica. Los elementos que componen nuestra pagina web son:
- El tipo de documento o Doctype
-
Doctype XHTML 1.0 con carácter estricto
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
- Doctype XHTML 1.0 con carácter transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- Doctype XHTML 1.0 con carácter definición de Marcos
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
- Doctype XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
Además de todos estos doctype que hemos mostrado existen muchos mas dependiendo del lenguaje de marcado que utilicemos y su versión. Esto nos sirve para definir previamente el tipo de código que contiene la página.
-
Establecer que nuestro documento es xhtml y su lenguaje
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
- La cabecera
<head>
<title>El título de nuestra página</title>
</head>
- El cuerpo
<body>
Esto es nuestra página, aqui se pone lo que queramos que se vea.
</body>
- Todo esto quedaría de la siguiente forma
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>El título de nuestra página</title>
</head>
<body>
Esto es nuestra página, aqui se pone lo que queramos que se vea.
</body>
</html>