HTML 5 incorpora nuevos elementos para describir el contenido de una forma más precisa, así como, redefine la función de otros ya presentes en versiones anteriores.

1. HTML 5
Elementos para mejorar la
descripción de texto

2. El elemento <span>
 Es un elemento genérico sin
significado semántico.
 Se utiliza para agrupar elementos de
tipo «inline».
 Generalmente se ha utilizado para
asignar estilos específicos a un grupo
de elementos.

3. El elemento <em>
 Permite asignar énfasis a un
elemento.
 Los browsers mostrarán en cursiva el
texto.
 Si se desea que un texto se
encuentre en cursiva, no se debe
utilizar este elemento (utilizar
preferiblemente reglas CSS).

4. El elemento <strong>
 Sirve para asignar énfasis a un
texto, en mayor grado que el
elemento <em>.
 Los browsers suelen mostrar estos
elementos en negrita.
 Lo importante no es como se
muestra el texto, si no el significado
que se le asigna.

5. Los elementos <cite> y <q>
 Cuando se hace referencia literal a una
fuente de información, podemos indicar la
fuente encerrándola entre las etiquetas
<cite>.
 Los browsers mostrarán el texto afecto en
cursiva.
 Para hacer indicar la referencia, se puede
utilizar el elemento <q>.
 Los browsers mostrarán el texto
entrecomillado.

6. Los elementos <dfn> y <abbr>
 El elemento <dfn> permite marcar
un término relevante cuando aparece
por primera vez.
 Los browsers mostrarán el término
en cursiva.
 El elemento <abbr> permite marcar
una sigla, en su atributo title se
indica su significado.

7. El elemento <time>
 Permite, junto con su atributo
datetime la representación de fechas
y horas en un formato debermiando.
 Este elemento, junto con su atributo
representa la información legible
para humanos y el procesamiento
computacional.

8. El elemento <code>
 Si el documento HTML contiene
código de un programa informático,
es posible marcarlo utilizando este
elemento.
 Se suele utilizar en combinación con
el elemento <pre> para poder
aplicar algún tipo de formato.

9. Los elementos <figure> y
<figcaption>
 Sirven para marcar y comentar
imágenes que se referencian en el
texto.
<figure id="fig_num_1">
<figcaption>Escenario del Teatro
Real</figcaption>
<img src=“imagen_te_re.jpg" alt=“Teatro
Real de Madrid, escenario">
</figure>

10. El elemento <mark>
 Permite indicar que el elemento es
relevante para la actividad actual del
usuario.
 Por ejemplo, cuando el usuario ha
realizado una búsqueda, el término
buscado podría ser marcado en los
elementos resultantes de la
búsqueda.

11. El elemento <details>
 Permite marcar una sección del documento que se
encuentra oculta, pero puede ser mostrada para
obtener información adiccional.
 Se trata de un intento de implementar una lista
desplegable evitando implementar código.
 No todos los browsers lo soportan. Para más
información se pude visitar:
http://mathiasbynens.be/notes/html5-details-jquery

12. REDEFINICIÓN
DE ELEMENTOS EXISTENTES

13. El elemento <b>
 El elemento <b> se utilizó
previamente para indicar que un
texto se mostrase en negrita.
 La nueva versión indica que debería
utilizarse para representar una
sección de texto que se sale
estilísticamente del resto, sin tener
ningún tipo de relevancia.

14. El elemento <i>
 En la versión anterior de HTML se ha
utilizado para indicar un texto en
cursiva.
 En la última versión se utiliza para
indicar un texto literal, frase
idiomática de otro idioma…

15. Validación de un documento
HTML5
 Es posible utilizar el servicio que
proporciona W3C para la validación
de múltiples formatos de
documentos.
http://validator.w3.org