Sintaxis XHTML

XHTML
1. La estructura de una página XHTML

La página deberá contener los siguientes elementos:
 El documento debe comenzar con la declaración de XML. tiene que

aparecer al principio de todo el documento, pues es así como empiezan
todos los documentos XML.
<?xml version="1.0" encoding="utf-8"?>.
Sin embargo, en documentos HTML y XHTML hay otra manera posible de

expresar el juego de caracteres y es con <meta http-equiv="Content-Type"
content="text/html; charset=utf-8" /> (en el head).
En nuestro caso vamos a utilizar esta segunda forma.
Al comienzo del código, inmediatamente antes del elemento html, todos los
documentos XHTML validos deben llevar un elemento llamado DOCTYPE,
el cual no es parte del documento en si, sino que define el tipo de DTD
(definición de tipo de documento) a emplear en nuestros documentos, es
obligatorio y puede ser uno de estros tres:
1. XHTML 1.0 Strict: Se usa cuando se desea utilizar al 100% XHTML,

su nombre lo dice bien claro, es XHTML estricto, la declaracion del
mismo es como sigue:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2. HTML 1.0 Transitional: Es el mas usado ya que permite manejar

elementos de XHTML y HTML 4.01, su declaracion es la siguiente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//

EN" "http://www.it.uc3m.es/prof/xhtml1/DTD/xhtml1-
transitional.dtd">
3. XHTML 1.0 Frameset: Se debe usar cuando se manejan frames, su

declaracion es la siguiente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Frameset//EN"
"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-
frameset.dtd">
En nuestro caso vamos a utilizar XHTML 1.0 Strict

 Luego pondremos una linea que hace referencia al espacio de nombres
(namespace) de xhtml. Un "namespace" XML es una colección de nombres,
identificados por un URI, que se utiliza en los documentos XML para
identificar los nombres de los elementos y atributos. Aqui se puede incluir
también la especificación del idioma del documento por medio del atributo
xml:lang
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
 Luego ya irá: <head>.....</head>

Y aquí en el head, la primera linea se utiliza para definir la codificación
de los caracteres del documento. Todos los documentos de texto,
incluidos los (x)html se guardan con una codificación de carácter.
Puesto que hay muchas codificaciones disponibles en el mundo, es una
buena idea declarar con que codificación se ha guardado su página en
el código (x)html.
charset=UTF-8"/>
charset=UTF-16"/>
charset=iso-8859-1"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 Luego ya va: <body>....</body>
La mayoría de las paginas Web están divididas en dos partes: la cabecera

(head) y el cuerpo (body). La cabecera es donde se define el título de la
página, incluida la información sobre su pagina para los motores de
búsqueda como Google, establece la ubicación de la página, añade estilos
y escribe scripts. A excepción del título, el contenido de la cabecera no es
visible para el visitante.
2. La Estructura completa (X)HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Este es el ltitulo</title>
</head>
<body>
Aquí va el contenido
</body>
</html>
 Algunos elementos son obligatorios (html, body, head, etc.)
 El elemento title es obligatorio, y además debería describir de forma sintética el

contenido del documento.
 Guarda el archivo con su nombre y la extensión .html.
3. XHTML vs. HTML Sus Principales diferencias
Las principales diferencias se deben al hecho de que XHTML es una aplicación

basada en XML, mientras que HTML no lo es. Así XHTML es, en definitiva, un
dialecto de XML que, por lo tanto, cumple sus reglas de forma absoluta.
Por lo tanto cumple las reglas de un XML bien formado, que vimos en el tema 2, y
que son, entre otras, las siguientes:
1. Hay un único elemento raíz (en este caso es html).
2. Todos los elementos deben estar abiertos y cerrados.
3. Todos los elementos tienen que estar bien bien anidados (se cierra primero
el último que se abrió)
4. Todos los atributos tienen que tener un valor y van seguidos del símbolo = y
entrecomillados
5. Todo texto tiene que estar dentro de algún elemento.
Es conveniente seguir las reglas del XHTML porque es una de las

recomendaciones de la W3C, que irá reemplazando gradualmente a HTML.Y de
esa forma podremos validar sin problemas nuestras páginas con herramientas
XML.
Por lo tanto la estructura básica de una página web cambia según si hablamos de
XHTML o de HTML.
Podemos resumir las principales diferencias:

En XHTML:
 Todos los elementos tienen que estar cerrados, ya tengan contenido
Lo que sea 
o no lo tengan
 
En este caso de los elementos vacíos, la sintaxis es <elemento />. Es importante
el espacio antes de />, para evitar que los navegadores antiguos cometan errores
de interpretación.
Los elementos vacíos de XHTML son los siguientes:
<area />
<base />
 
<col />
<hr />
<img />
<input />
<link />
<meta />
<param />
 Los elementos deben anidarse correctamente, sin intercalar aperturas

y cierres de distintas etiquetas.
Así, Esto es un párrafo, con parte del texto en cursiva

sería incorrecto.
Lo correcto sería
Esto es un párrafo, con parte del texto en cursiva.
 Los documentos deben ser gramaticalmente correctos

Todos los elementos XHTML deben estar anidados dentro de la etiqueta del
elemento de raíz. Todos los otros elementos pueden tener sub elementos.
Estos deben estar en pares y correctamente anidados dentro de su
elemento paternal. La estructura de documento básica es:
<html>
<head> ... </head>
<body> ... </body>
</html>
 Los nombres de las etiquetas de elementos y de los atributos tienen

que estar en minúscula.
Esto sería incorrecto:

<BODY>
Esto es un párrafo
</BODY>
Esto es correcto:
<body>
Esto es un párrafo
</body>
Esto no incluye <!DOCTYPE>, que además se escribe en mayúsculas,
porque no es un elemento.
 Los valores de los atributos tienen que estar entre comillas dobles (") o
simples (').
Sin embargo HTML no es tan estricto y permite que:

 Los valores de los atributos no tienen que ir entrecomillados (a no ser que
tengan espacios en blanco).
 No todos los atributos tienen valores. Es decir no siempre se usa
atributo=valor porque hay atributos que no tienen valor.
 Las etiquetas HTML se pueden escribir como queramos, en mayúsculas o
minúsculas
 Las etiquetas vacías no es obligatorio cerrarlas (se puede escribir )
Y aunque el HTML 5 vuelve a ser más laxo con las reglas al estilo del HTML
clásico, se aconseja seguir las reglas del XHTML aún cuando se escriba HTML ya
que de esa forma podremos validar sin problemas nuestras páginas con
herramientas XML.

Sintaxis XHTML

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Sintaxis XHTML

Cargado por

Copyright:

Formatos disponibles

XHTML

1. La estructura de una página XHTML

 El documento debe comenzar con la declaración de XML. tiene que

Sin embargo, en documentos HTML y XHTML hay otra manera posible de

En nuestro caso vamos a utilizar esta segunda forma.

1. XHTML 1.0 Strict: Se usa cuando se desea utilizar al 100% XHTML,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

2. HTML 1.0 Transitional: Es el mas usado ya que permite manejar

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//

3. XHTML 1.0 Frameset: Se debe usar cuando se manejan frames, su

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

En nuestro caso vamos a utilizar XHTML 1.0 Strict

<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">

 Luego ya irá: <head>.....</head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

 Luego ya va: <body>....</body>

La mayoría de las paginas Web están divididas en dos partes: la cabecera

2. La Estructura completa (X)HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

 El elemento title es obligatorio, y además debería describir de forma sintética el

3. XHTML vs. HTML Sus Principales diferencias

Las principales diferencias se deben al hecho de que XHTML es una aplicación

1. Hay un único elemento raíz (en este caso es html).

2. Todos los elementos deben estar abiertos y cerrados.

5. Todo texto tiene que estar dentro de algún elemento.

Es conveniente seguir las reglas del XHTML porque es una de las

Podemos resumir las principales diferencias:

<p>Lo que sea </p>

 Los elementos deben anidarse correctamente, sin intercalar aperturas

Así, <p>Esto es un párrafo, con <i>parte del texto en cursiva</p></i>

 Los documentos deben ser gramaticalmente correctos

 Los nombres de las etiquetas de elementos y de los atributos tienen

Esto sería incorrecto:

Sin embargo HTML no es tan estricto y permite que:

También podría gustarte