Categories
Firefox Google Chrome HTML html5 Internet Explorer

Ejemplos y Demos de 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:

HTML:

<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>
 

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.

Puedes ver el demo.

Reconozco que es el primer ejemplo de HTML5 que hago en mi vida, así que si me sirvió también te puede servir a tí :D.

Enlaces

Categories
CSS HTML Miniposts Recursos Utilidades

Dive into HTML5

Dive Into HTML5, un libro que explica algunas ventajas de HTML5. (Vía CSSBeauty)