30/07/2008 Categoría/s: Web móvil. 3 Comentarios
XHTML Basic 1.1 y Mobile Web Best Practices 1.0, recomendaciones del W3C
Por fin. Después de más de 2 años del primer borrador de trabajo de XHTML 1.1 basic (2006-06-07), y algo menos de tres años del primer borrador de Mobile Web Best Practices 1.0 (2005-10-17), ya han alcanzado el estatus de recomendaciones del W3C los documentos:
En XHTML basic, los cambios más importantes son (con respecto a la versión 1.0 del año 2000):
- los documentos tienen que tener y servirse con el mime-type "application/xhtml+xml".
- Nuevos elementos de formularios:
button, fieldset, legend, optgroup. - Nuevo módulo de presentación, con los elementos:
b, big, hr, i, small, sub, sup, tt. - Nuevo módulo de scripting (elementos
scriptynoscript). Atención con el uso de javascript... - Nuevo módulo de eventos intrínsecos.
- Nuevo módulo de hoja de estilos (ahora está desaconsejado el atributo
style). - El atributo
target(¿?). El soporte de este atributo, no está garantizado (yo directamente prohibiría su uso, a estas alturas y todavía con frames y ventanas emergentes en dispositivos móviles... una locura). - El atributo
inputmode, herencia de XForms. Utilizado para los elementosinputytextarea. ¿Para qué sirve? Indicar qué tipo de contenido hay que incluir en dichos elementos. Hay dos tipos deinputmode, uno sobre "tipos de idioma" (por ejemploarabic, cyrillic, latin, tibetan,...) y otro para tipo de caracteres (lowerCase, digits, predictOn,...). Por ejemplo, si tenemos una caja de texto en el que hay que incluir un código postal, podríamos aprovechar las ventajas del atributoinputmodeasí:inputmode="latin digits". Mola.
Una plantilla muy básica, y modificable al gusto de los desarrolladores (hay un par de líneas de código que particularmente me gustan, pero no son muy útiles), podría ser la siguiente:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN"
"http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<title></title>
<meta name="HandheldFriendly" content="true" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="handheld" type="text/css" href="handheld.css" />
<link rel="alternate" media="screen" href="http://example.org/" />
</head>
<body>
</body>
</html>Con respecto a las Mobile Web Best Practices 1.0, poco que comentar. Las lógicas correcciones y evoluciones de una nueva recomendación (muy relacionadas con las WCAG, como se explica en Relationship between Mobile Web Best Practices and Web Content Accessibility Guidelines).
← Interfaces móviles: cuando menos es más - Pautas de web móvil: MWBP 1.0 (W3C) versus GAP (Passani) →
Comentarios
Kanor escribió el 01/08/2008:
Me imagino que conoceras estas recomendaciones de buena practicas para web móvil, no son del w3c pero yo creo que se acercan mas a la realidad que las de estos. A ver que te parecen si no las conocías!
http://www.passani.it/gap/
Gonzalo escribió el 01/08/2008:
Saludos, Kanor. Gracias por tu comentario.
Si, las conocía las Global Authoring Practices (incluso escribí algo en un viejo blog Global Authoring Practices para la Web Móvil, de Luca Passani).
Viniendo de Luca Passani - un auténtico experto - merece la pena darle un vistazo y mucho más.
Salvador escribió el 19/08/2008:
Ahora todo sea que los Sres. Fabricantes de navegadores para móviles las incluyan TODAS.
Saludos Gonzalo ;)