Lo que se nos viene con HTML5

Si quieres saber más sobre HTML5, te presentamos un interesante sitio en el que nos muestran ejemplos y demostraciones de esta nueva versión de HTML.

Ejemplos y Demos de HTML5 tiene los ejemplos básicos del uso de HTML5 y los soportes de los navegadores más conocidos. Entre ellos Internet Explorer, Mozilla Firefox, Safari, Opera y Google Chrome.

Sólo como ejemplo muestro un bloque del cual podemos editar el texto, mostrado en ContentEditable:

Código:

<section id="editable" contenteditable="true">
<h2>¡Este texto se puede editar!</h2>
<p>¿Por qué no lo intentas? Un párrafo cualquiera</p>

<ol>
<li>el primer ítem</li>
<li>el segundo</li>
<li>y el tercero</li>

</ol>
</section>

Ejemplo:

¡Este texto se puede editar!

¿Por qué no lo intentas? Un párrafo cualquiera

1. el primer ítem
2. el segundo
3. y el tercero

Al añadir el atributo contenteditable="true" hacemos que ese bloque se pueda editar, como si estaríamos usando TinyMCE o FCKEditor. El código anterior funciona en todos los navegadores modernos.

Fuente: