6. XHTML

Como lo conocemos, XHTML 1.0 fue publicado oficialmente en 1998 y recomendó la creación de sitios web en enero de 2000. El objetivo era mejorar las deficiencias de HTML en el momento, agregando un lenguaje recién creado, XML, sus ventajas. XML, como todos los demás idiomas, se deriva de SGML, pero mucho más simple. Su principal objetivo es transmitir datos con una cierta estructura a través de la Web. Los documentos XML no indican cómo se procesarán estos datos, ni cómo se presentan, y esta distinción es una gran ventaja para el desarrollo y mantenimiento de documentos. Por otro lado, el lenguaje XML es más estricto en términos de sintaxis; De hecho, requiere muchas cosas: escribir todos los elementos y sus atributos en minúsculas, incluyendo los valores de los atributos entre las comillas, cerrar todos los elementos para ser la marca, narrar correctamente los elementos, solaparse entre sí, etc. Esto es ventajoso cuando un grupo de desarrolladores trabaja en el mismo sitio y permite que el analizador sea más simple. Por último, también era esencial que fuera compatible con HTML 4, ya que era ampliamente utilizado y que los navegadores que no se adaptaran al nuevo XHTML deberían ser capaces de interpretar estos documentos como si fueran documentos HTML. En resumen, XHTML es un lenguaje con el mismo elemento HTML, pero se adapta a las reglas de sintaxis XML. (Es por eso que se dice que XHTML HTML es una reconstrucción pero usa XML). Otra ventaja de XHTML es que permite agregar elementos que vienen de otros espacios de nombres (como MathML y SVG). Esto le permite crear documentos con más o menos contenido gráfico y gráfico que sean más fáciles y eficientes.

2.6.1. Estructura y elementos del documento

La estructura del documento es la misma que un documento HTML; Así que es conocido para nosotros:

<! Explicación DTD >

<html>

<head>

Contenido cabecera

</head>

<body>

Contenido de cuerpo

</body>

</html

La principal diferencia está en la expresión DTD y <html>. Para empezar, se requiere una declaración DTD en XHTML. HTML no era necesario, pero tenemos tres definiciones equivalentes a las definiciones de HTML: Strict, Transitional y Frameset.

<html> En términos del elemento, esto también es necesario y tiene dos nuevos atributos: xmlns y xml:lang.

· xmlns="http://www.w3.org/1999/xhtml"indica un marcador de posición. Esto se discutirá más adelante en la unidad XML correspondiente. Este atributo toma el valor URI fijo especificado en este contexto.

· xml:lang="es" indica el idioma en el estilo xml.

Ejemplo:

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

Ademas, el elemento <html> debe llegar los elementos <head> y <body>, y <head> de la misma manera, tiene que llevar <title>.

2.6.2. Normas XHTML

Un documento XHTML, para estar bien formado, debe ajustarse a las reglas de sintaxis XML.

Todas las etiquetas y atributos deben escribirse en minúsculas.

Incorrecto

Correcto

<head>

<title> Bienvenido </title>

</head>

<Head>

<TITLE>Bienvenido</TITLE>

<Head>

Todos los artículos deben estar cerrados, así como artículos vacíos. (Puede usarlos para cerrarlos, forma abreviada, es decir, la barra "/" se puede agregar al final en lugar de cerrar la etiqueta en su lugar)

Incorrecto

<br>

Correcto

<br />

<img src="grafico.gif" alt="grafico">

<img src="grafico.gif" alt="gráfico" />

No se pueden hacer apodos; es decir, las etiquetas no se pueden superponer.

Incorrecto

<p> Bienvenido a la web:

<a href="www.garceta.es">

</p>

</a>

Correcto

<p>Bienvenido a la web:

<a href="www.garceta.es" />

</p>

Todos los valores de los atributos deben ser citados, tanto simples como dobles, y deben ser del mismo tipo (doble uso, para distinguir entre otros idiomas).

Incorrecto

Correcto

<table width=800>

…

<table width="800">

</table>

…

</table>

Todos los atributos deben tener un valor. En el caso de los atributos booleanos, no especificamos el valor en HTML; En estos casos, repetiremos el nombre del atributo como un valor.

Incorrecto

Correcto

<input type="checkbox" value="1" checked="checked">

Condiciones que se aceptan

</input>

<input type="checkbox" value="1" checked>

Condiciones que se aceptan

</input>

(Lista de atributos booleanos: compact, checked, declare, readonly, disabled, selected, defer, ismap, nohref, noshade, nowrap, multiple, noresize)

2.24. ejercicio:

Vuelva a ingresar el formulario form.html en XHTML y guárdelo en otra página. La especificación de XHTML, basada en HTML 4, ha sido un intento de ir XML. HTML no era un XML válido y, por consiguiente, había muchos problemas con el procesamiento automático: atributos desconocidos, etiquetas sin pausa, etiquetas escritas con letras, etc. Encontrará la especificación completa en http://www.w3.org/TR/xhtml1/. El resultado fue muy bueno, ya que todos los desarrolladores web están trabajando en este nuevo formato. El contenido antiguo del HTML a la actualización XHTML también es una gran ventaja por muchas razones: Facilita en gran medida la migración de contenido, ya que el contenido se adapta automáticamente al diseño de cualquier sitio web. Asegura la duración del contenido, ya que el formato puede ser rediseñado en el futuro, si es necesario. El procesamiento automático de texto se puede realizar, por ejemplo, para extraer cierta información. Le permite ver muchos otros navegadores no estándar, como teléfonos móviles, PDAs, lectores ciegos, TV, etc. En nuestros motores de búsqueda, nuestro contenido será mucho más fácil de hacer, así como mantener una jerarquía correcta. Sin embargo, el acortamiento, y para alguien que sabe HTML4, las reglas son bastante simples: Todas las etiquetas necesitan marcas de cierre:

Errores:

<br>

<li>Elemento de lista

Correctos:

<br />

<img src=”imagen.jpg” alt=”Trae imagen” />

<li>Elemento de lista</li>

Todas las etiquetas y atributos deben estar en minúsculas

Errores:

<BR />

<LI>Elemento de lista</LI>

Correctos:

<br />

<img src=”imagen.jpg” alt=”Trae imagen” />

<li>Elemento de lista</li>

Todos los valores de los atributos deben colocarse entre comillas dobles

Error:

Correcto:

<img src=”imagen.jpg” width=”20” height=”30” />

El atributo acortado no está permitido

Error:

Correcto:

<input type=”checkbox” name=”opcion” checked=”checked” />

El código debe tener un formato bien formateado (especialmente cuando cierre el cierre de la etiqueta)

Error:

<p><a href=”http://www.yahoo.com/”>Yahoo</p></a>

Zuzena:

<p><a href=”http://www.yahoo.com/”>Yahoo</a></p>

En la cabecera siempre debemos tener DOCTYPE

Ejemplo:

<!DOCTYPE html PUBLIC " //W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/xhtml1 strict.dtd">

Valide siempre su XHTML. En http://validator.w3.org/ su código será verificado y aparecerán errores.

Algunos tutoriales y direcciones interesantes alrededor de XHTML:

XHTML eta CSS:

HTML/XHTML W3C: http://www.w3schools.com/html/html_xhtml.asp
Introducción a XHTML: http://www.librosweb.es/xhtml/index.html
Curso práctico de XHTML: http://www.programacion.com/html/tutorial/xhtml/
Plantilla de XHTML maestra: http://www.burdjia.com/personal/web/XHTML.html
50 plantillas XHTML/CSS:http://www.noupe.com/css/50-free-high-quality-and-new-xhtmlcss-templates.html#more-13384
Espezifikazio osoa: http://www.w3.org/TR/xhtml1/

Page updated

Report abuse