Blog Agencia Web

Se Viene XHTML 2.0

icon timeRicardo Aroca | 03 de agosto de 2006 | icon comment5 comentarios

XHTML 2.0 está en proceso de borrador y su implementación todavía no se ve cercana. Sin embargo, los cambios que traerá con respecto a XHTML 1 son bastante interesantes. Veamos algunos de ellos.

Mejor Estructuración de Contenidos

Definir secciones y títulos dentro de una página será fácil gracias a dos nuevos elementos: section y h. El objetivo es que la estructuración de contenidos sea explícita y que no tenga que ser inferida en base a los niveles de elementos encabezados (h1, h2, h3, etc.)

De este modo el elemento div podría reemplazado por section al momento de definir secciones en una página y así el código tendría una mejor semántica. Por ejemplo:

<h>Encabezado de nivel superior </h>
<section id="navegacion">
  <h>Encabezado de segundo nivel</h>
  <nl>....</nl>
</section>
<section id="contenido">
  <h>Encabezado de Segundo Nivel</h>
  <p>....</p>
</section>

Por su parte, cada elemento h, tendrá mayor o menor nivel dependiendo en que sección se encuentre y si la sección se encuentre anidada en una o más secciones superiores.

Listas de Navegación

En adición a las listas ordenadas (ol) y desordenadas (ul), XHMTL 2.0 agrega un tercer tipo de lista: la Lista de Navegación y su elemento de marcado es nl. Debiera funcionar igual que las otras listas con la diferencia de que su significado es que los elementos de la lista corresponden a una colección de links hacia otras áreas dentro sitio web. Debiera usarse para barras de navegación y menús.

Además de lo anterior, la lista acepta el elemento label, para ocuparlo como título y de esta forma definir el propósito de la lista.

Enlaces Extendidos

La esencia de la web es la capacidad de relacionar distintos recursos a través de enlaces (también conocidos como links o hiperenlaces). En XHTML 2.0 la capacidad de definir enlaces no estará restringida solamente al elemento a, sino que cualquier elemento podrá definir un enlace, ya que todos manejarán el atributo href.

Esto será útil en listas de navegación pues el elemento li definirá el enlaces y no será necesario poner un elemento a dentro del li. En el caso de un bloque div que contiene la entrada para una noticia, con una foto y un pequeño párrafo, no será necesario definir enlaces en la foto y el párrafo sino que se podrá hacer en el div.

Queda claro que esto tendrá consecuencias en el posicionamiento en buscadores y por lo tanto Google y competencia tendrán que modificar sus algoritmos de búsqueda. Mientras no pase eso, probablemente los desarrolladores no utilizarán esta nueva funcionaliad de XHMTL.

Más sorpresas

Además de lo visto anteriormente habrán otras sorpresas.

  • Se eliminaría el elemento img, ya que cualquier elemento podría mostrar una imagen porque todos tendría la propiedad src.
  • El elemento hr, regla horizontal, se reemplaza por el elemento separator, esto porque en algunos idiomas la escritura es vertical y hr se muestra en forma vertical, por lo tanto el nombre no era el adecuado.
  • Los párrafos (p), que actualmente sólo pueden contener texto, han sido mejorados para contener otros elementos XHMTL.

La mayor sorpresa de todas es que casi todos estos cambios funcionarán en los navegadores actuales haciendo más fácil la transición de un lenguaje a otro.

Puedes ver más información respecto de las diferencias entre XHTML 1 y XHTML 2 en la Introducción a XHTML 2 de la W3C .

Comentarios

gravatar

1 El 03 de agosto de 2006 stan escribió

suena novedoso, pero tambien un completo lio para los que venimos utilizando html y xhtml.

gravatar

2 El 21 de noviembre de 2006 Ismael escribió

Excelentes modificaciones a XHTML. Se nota que tomaron en cuenta los usos actuales del formato (DIVS para todo!) y le dieron énfasis a la semñantica y mayor riqueza descriptiva con los nuevos elementos. Particularmente la idea de los encabezados anidados y las listas de navegación me parecen muy buenas.

Comentar

Los campos con asterisco * son obligatorios.

No se mostrará publicamente

Escribe la dirección sin http://


Etiquetas permitidas: a,strong, em, cite, blockquote, pre, code.

Opciones

Categorias

Suscribirse

Reciba automáticamente en su lector RSS las últimas publicaciones del blog.

Selección de Blogs

Publicidad

Contrata Planes Hostagator haciendo Clic Aquí

Agencia Web utiliza Hostgator para todos sus proyectos. Si quieres saber por qué, haz clic aquí.


Servicios