12 Diciembre 2007 El HTML5 ya está aquí

Falta muy poco para que el HTML 5 salga a la luz y ya está disponible prácticamente toda la documentación posible sobre su estándar.

Hace unos días que vengo leyendo cosas sobre el HTML… bueno, quien dice días dice meses, y me gustó principalmente lo que ya es vox pupuli con estos maravillosos gráficos comparativos…

Versión HTML 4 / XHTML 1

HTML 4

Versión HTML 5

HTML 5

Además de esto, hay una serie de cambios a tener en cuenta, entre los que cabe destacar:

  • El DOCTYPE se reduce a:
    <!doctype html>
  • La codificación se sustituye por:
    <meta charset="UTF-8">
  • Los DIV y LI podrán contener elementos estructurales como P
  • En las tablas con THEAD aparecerá TFOOT
  • Aparecen una serie de elementos nuevos:
    • SECTION: será una zona de un elemento
    • ARTICLE: zona independiente del documento (un post, una noticia…)
    • ASIDE: viene a ser la barra lateral donde hay contenido relacionado con la página
    • HEADER: lo dice todo
    • FOOTER: esto también habla por sí sólo
    • NAV: zona que indica la navegación de la web
    • DIALOG: se usará con DT y DD para agrupar una conversación (chat)
    • FIGURE: agrupará elementos “multimedia” (por ejemplo, una foto y su pie de foto, un vídeo y su explicación…)
    • AUDIO y VIDEO: para no necesitar de OBJECT ni EMBED al incrustar un multimedia.
    • M: “marked text” (entiendo que es para algo rollo texto con fondo amarillo y texto negro, como los rotuladores)
    • METER: para indicar medidas (distancias, tamaño de disco…)
    • TIME: indicar fechas y horas
    • CANVAS: ver Wikipedia (elementos generados al vuelo)
    • COMMAND: comandos (rollo texto que se ejecuta)
    • DATAGRID: datos tabulados, árboles de directorios…
    • DETAILS: elementos de ampliación de información de otro elemento.
    • DATALIST: viene a ser una mejora de los SELECT
    • EVENT-SOURCE: para “coger” eventos del servidor al vuelo
    • OUTPUT: muestra como un resultado (por ejemplo, el resultado de una suma en una calculadora)
    • PROGRESS: indica el progreso de algo, un porcentaje, un status.
  • Y se modifican algunos otros elementos (indico los más interesantes):
    • EMBED: sólo se usará para “plugins”
    • INPUT: tiene nuevas opciones en sus campos: datetime, datetime-local, date, month, week, time, number, range, email, url…
    • A: añade el atributo PING (cuando alguien haga clic, se llamará a esa URL… muy interesante para hacer tracking barato)
    • LI: recupera el VALUE y el START
    • INPUT (y otros): añade una opción AUTOFOCUS (así automáticamente irá el cursor ahí y no será necesario JavaScript)
    • INPUT (y otros): añaden la opción FORM para indicarle a qué formulario pertenecen, de forma que pueda haber dos elementos iguales en dos formularios distintos.
    • INPUT (y otros): añaden la opción REPLACE, para que al enviar un formulario se cambien los datos por otros de cara al usuario.
    • INPUT (y otros): se añade la opción REQUIRED.
    • SCRIPT: cambia su nombre por ASYNC (en clara referencia a AJAX)
    • HTML: tendrá la opción MANIFEST (para aplicaciones offline)
    • Para todo el HTML aparecen unos nuevos parámetros:
      • CONTENTEDITABLE: permite editar “al vuelo” la web
      • CONTEXTMENU
      • DRAGGABLE: “drag & drop”
      • IRRELEVANT: indica que eso no es relevante.
    • Cambian alguna de sus funciones “originales”: A (sin HREF), ADDRESS, B, HR, I, LABEL, MENU, SMALL, STRONG, ALT (opcional en IMG).
  • Desaparecen finalmente unos tantos:
    • basefont, big, center, font, s, strike, tt, u (principalmente por su posibilidad de uso con CSS)
    • frame, frameset, noframes (es obvio que ya no haya webs con frames, ¿verdad?)
    • acronym, applet, isindex, dir (principalmente por falta de uso…)

En fin, que por lo que he podido ver el HTML está más pensado para buscadores (llámese buscador, llámese posicionador, llámese SEO) que en muchos casos para los seres humanos… aunque hay que reconocer que elementos, principalmente los de estructura, van a ser muy últiles a la hora de diseñar sitios web.

Comentarios (0) - Etiquetas: , , ,

18 Septiembre 2007 Micrositios

19pagesEn muchas ocasiones las empresas tienen que lanzar productos pequeños, sitios específicos que no van a necesitar más que unas pocas páginas y casi nada de actualización.

Me han pasado un sitio web / software que permite precisamente eso: crear micrositios de hasta 19 páginas.

El sistema es muy sencillo (se puede ver un vídeo presentación en el que queda muy claro). Además no necesita base de datos y permite crear varios templates y usarlos en nuestro proyecto.

El secreto del éxito de muchos sistemas a veces es su sencillez, y, como digo, este es el caso de uno de ellos… un simple programita en PHP que, a excepción de los diseños, puede ser utilizado por cualquiera sin necesidad de conocimientos de HTML o programación de ningún tipo.

Si alguien quiere montarse su sitio web, ahora puede hacerlo de una forma sencilla, y sin excusas de ningún tipo.

Comentarios (2) - Etiquetas: , , ,

20 Julio 2007 10 años de Internet

InternetMás o menos, hoy, hace 10 años, es decir el 20 de Julio de 1997 me conectaba por primera vez a internet desde casa. Ya me había conectado alguna vez anteriormente, pero aquel verano del 97 fue el primero en hacerlo de forma más habitual, de comenzar a aprender HTML, y quizá, sin querer, el punto de inflexión que ha llevado a que hoy esté escribiendo esto.

Estos 10 años han sido bastante especiales, sobretodo por tener que compatibilizar todo con la red. Aunque no cabe duda de que el haber podido trabajar en la radio durante largas temporadas, el haber ayudado a que hoy exista la tarifa plana (real) en internet siendo parte de la Asociación de Internautas, el haber conocido a gran parte de mis muy mejores amigos, el haber entrado a trabajar en ItNet en su momento y, lógicamente, el haber creado Googlemania y posteriormente OJObuscador (y tras eso, OJO internet S.L.).

Ahora toca seguir con otros 10 años más… de los 17 a los 27, y ahora a por los 37… ¿Cómo será la Internet del futuro?

Comentarios (1) - Etiquetas: , , , , , , , ,