2. Modernizr
Para hacer compatibles páginas desarrolladas en
HTML5 y CSS3 en navegadores antiguos.
Descargar de http://modernizr.com/
Ejemplo de Uso:
http://webdesignernotebook.com/css/how-to-use-
modernizr/
5. Elementos Semánticos
<section>: Utilizado para definir una sección
genérica de un documento o una aplicación.
<nav>: Utilizado para definir bloques principales
de navegación.
<article>: Elemento utilizado para definir un
fragmento de contenido.
<aside>: Elemento utilizado para mostrar
sidebars.
<hgroup>: Elemento para declarar el contenido
de un heading.
6. HTML5 Outliner
Consiste en revisar la estructura del documento
HTML5 y verificar que exista una representación
estructurada.
http://gsnedders.html5.org/outliner/
http://hoyois.github.com/html5outliner/
7. Otros Elementos
<header>: Este elemento sirve para indicar la
cabecera de una página o sección, no forma
parte del algoritmo outline.
<footer>: Tampoco forma parte del algoritmo
outline, sirve para indicar la sección de copyright
y enlaces a otros sitios de una página web.
<address>: Para indicar una dirección o
información de contacto.
8. Elementos Text-Level
Semánticos
<b>: Representa una extensión de texto que se
desvía con estilo de la prosa normal sin transmitir
cualquier otro tipo de importancia, como una palabra
clave en el resumen de un documento, nombres de
productos en una reseña u otro tipo de extensión de
texto cuya presentación tipográfica habitual está en
negrita.
<em>: Utilizado para establecer énfasis en el
contenido.
<i>: Representa una extensión de texto en una voz,
estado de ánimo alternativo o bien la desviación de la
prosa normal, como una designación taxonómica, un
término técnico, una frase idiomática de otro idioma,
un pensamiento, el nombre de una embarcación o
alguna otra prosa cuya presentación tipográfica
habitual está en cursiva.
9. Embeber medios en HTML5
Video: <video src=“myVideo.ogg”></video>
Audio: <audio src=“myAudio.mp3”></audio>
Si no lo soporta el navegador utilizar:
<video src=“myVideo.ogg”>HTML5 no
soportado</video>
10. Fuentes alternativas
<video width="320" height="240"
controls="controls">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Para browsers antiguos incluir elemento object.
