Tabla de Contenidos

HTML5

HTML5

Han cambiado...

DOCTYPE

<!DOCTYPE html>

Tags de script y de estilo

Para la tag de estilo únicamente es necesario indicar el tipo:

<style type="text/css">
  h1 {color:red}
  p {color:blue}
</style>

Para agregarlas desde un fichero externo:

<link rel="stylesheet" href="css/style.css">
<script src="js/libs/modernizr-2.0.6.min.js"></script>

Nuevos

Representa una agrupación de elementos para la navegación.

<header>
  <hgroup>
    <h1>...</h1><h2>...</h2>
  </hgroup>
</header>

Información de final de página. Debe contener cosas tales como el copyright, los documentos relacionados, autores…

Para indicar navegación interna a la página. Un ejemplo podría ser la tabla de contenidos de un artículo.

Aside

Para elementos que no pertenecen al contenido principal de la página, a la cabecera (header) o al pie (footer). Por ejemplo los nav.

Article

Generalmente el contenido principal de la página. Puede ser combinado con los elementos hx y mejorado con los section.

Section

Subelementos de un artículo.

Figure

Bloque para un elemento multimedia (como una imágen). Permite agregar texto.

<figure>
 <img src="..." />
 <figcaption>
    some text to define the image
 </figcaption>
</figure>

Details

Define una parte que se muestra y oculta automáticamente en respuesta a las acciones del usuario sin necesidad de implementarlo con JavaScript.

Time

Para codificar fechas y horas.

Nuevos tipos de inputs

Además existe la propiedad placeholder que permite indicar un valor por defecto dentro de un cuadro de texto:

<p><label>Name: <input type="text" name="fullname" placeholder="John Ratzenberger"></label></p>

Han quedado anticuados

Elementos

Canvas

El canvas es un elemento que permite el dibujo dinámico en una página web.

Video

Geolocation

Almacenamiento en cliente

Notas

Desarrollo en JavaScript

Para facilitar el desarrollo en JavaScript existe el apartado de wrappers para HTML5.