3. Escribir menos código
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<link rel="stylesheet" type="text/css" href="styles.css" />
<script src="js/script.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-
8" />
<meta charset="utf-8" />
* la parte roja se elimina en HTML5
4. Buscar menos javascripts en google
Nuevos inputs:
<input type="text" required />
<input type="email" />
<input type="range" />
<input type="date" />
<input type="color" />
¡Incluso una barra de progreso!
<progress value="50" max="100"></progress>
7. Web semantica
El consorcio WC3 dice...
La Web Semántica es una Web extendida, dotada de mayor
significado en la que cualquier usuario en Internet podrá
encontrar respuestas a sus preguntas de forma más rápida y
sencilla gracias a una información mejor definida.
Resumen para vagos ;)
La web semantica es una forma de estructurar mejor la
información para que el usuario pueda encontrar mejores
respuestas.
12. Navegadores más usados
Internet Explorer 61.58%
Firefox 24.23%
Chrome 5.61%
Safari 4.45%
Opera 2.35% usuarios ie nvivo.es
8.0 69%
Otros 1.77% 7.0 21%
6.0 8%
9.0 0.47%
vía netmarketshare.com
http://www.netmarketshare.com/browser-market-share.aspx?qprid=1&qpct=4
13. ¿Cuando pasarse a HTML5?
Ya puedes pasarte a HTML5
Utilizar la nueva estructura <section><article><time>
va a ser la forma de posicionarse mejor en buscadores.
Pero no podrás aprovechar todas las bondades de HTML5
como por ejemplo las validaciones de inputs
Hay un tanto por ciento demasiado alto de gente usando
internet explorer, las versiones inferiores de la 9 no soportan
HTML5 y lo peor aún IE9 todavía no ha salido oficialmente.
14. Implementación en IE < 9
Esto es para que la maquetación se vea igual:
1. Existe un script javascript para que internet
explorer reconozca las nuevas etiquetas:
http://html5shiv.googlecode.com
2. Poner las nuevas etiquetas dentro de div's y asociarles un
class:
<div class="header"><header>
15. Recursos para vagos
Sitios en HTML5
html5gallery.com
Web semantica
http://www.w3c.es/divulgacion/guiasbreves/websemantica
Canvas
http://devfiles.myopera.com/articles/418/canvasExample.html
HTML5 empieza hoy
http://www.slideshare.net/Martulina/html5-empieza-hoy