Hola que tal me da mucho gusto que estés aquí
Antes de empezar lo que son las diferencias esta parte está
centrada a personas que ya conocen digamos que XHTML ya que si se conoce este
se conocerá cuáles son las diferencias pero si realmente eres nuevo en este
mundo de programación web pues puedes saltarte esta parte de los tutoriales
relacionados a HTLML5 porque no hará falta conocer esto y más aún que me
imagino que HTML5 ya es totalmente aceptado y se puede usar sin ningún problema
realmente importante
Continuando con el tema en punto personal vamos a ver qué
diferencias veo:
Por ejemplo nuevas etiquetas semánticas que quiere decir esto:
SECTION, ARTICLE, ASIDE, HEADER, FOOTER, NAV, DIALOG
Estas nuevas tags que ayudaran tanto a nosotros como a los
buscadores a identificar de forma más semántica la forma que tenemos
estructurado nuestra web
Por ejemplo :
<nav> </nav>
A que te suena? Bueno en este caso vamos a colocar nuestro menú
o menús que le indiquemos que sea un menú
Este se puede repetir las veces que nos sea necesario al
colocar los menús que queramos
Estas realmente no afectan el comportamiento de nuestro código. Otra que
tenemos es el Doctype y si claro que cambia pero cambia para bien ya que si te
acuerdas la de XHTML era un trozote de cacho que para recordarte del pues para mí
es totalmente difícil y la de HTML5 es algo muy bueno ya que es muy corto y es este:
<!DOCTYPE html>
Realmente fácil verdad? Pero no es lo único hay más por
ejemplo tenemos más como las extras en los nuevos inputs
datetime, date, month, week, number, url, email, color
Uno por ejemplo es lo siguiente:
<input type="color"/>
Ahora en vivo
Si te encuentras en chrome lo vas a ver sin problemas un
icono como negro y si lo aprietas se va a salir una paleta de colores para que
lo selecciones y si lo vez en Firefox pues claramente no lo detecta pero hay soluciones
(hacks).
Otras más importantes por ejemplo AUDIO y VIDEO y tal como
suena puedes agregar audio y video
Digamos que tu sitio que estas construyendo te interesa
colocar videos los problemas empiezan porque por muy Smartphone tiene problemas
con flash para la reproducción de este mismo, entonces esa es la gran ayuda de
HTML5 y de esta etiqueta VIDEO
jPlayer(Audio y Video)
MediaElement.js
Cuepoint JS
mas informacion sobre esta etiqueta VIDEO checa la pagina de Mozilla esta genial (dando click a imagen de abajo):
MediaElement.js
Cuepoint JS
mas informacion sobre esta etiqueta VIDEO checa la pagina de Mozilla esta genial (dando click a imagen de abajo):
Esa
es la gran ayuda de HTML5 y al algo más sorprendente y es la integración de
CANVAS y con ayuda de JavaScript para poder dibujar en 2D y en 3D creerme que
es algo sorprendente que se puede hacer con este gran api y si no has visto
ejemplos te los dejo para que veas por lo menos algunos:
Canvas Cycle: True 8-bit Color Cycling with HTML5
tambien puedes encontrar juegos:
Sketch out
esperate hay algo sorprendente que hizo google y es que convierte cualquier pagina web en un juego 3d gracias a canvas, HTML5, Javascript mira el siguiente video :
tambien puedes encontrar juegos:
Sketch out
esperate hay algo sorprendente que hizo google y es que convierte cualquier pagina web en un juego 3d gracias a canvas, HTML5, Javascript mira el siguiente video :
Con este pequeño script logramos hacer un:
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
Bueno es algo genial este nuevo tipo de aplicaciones para
explorar y explotar de HTML5 que se verá más adelante y hay que usarlos para
dejar atrás lo que debe estar atrás y olvidarse de exploradores viejos
Así que esto sería todo disfrute mucho escribiendo esto en este
video de utopías
Saludos
No hay comentarios:
Publicar un comentario