Iniciacion a HTML 5

xuturk · #1 (**permalink**) 03/07/2012, 00:42

Hola a todos.

Llevo algun mes haciendo una pagina en html del de toda la vida, y en ningun momento se me paso por la cabeza migrar aun a html 5 debido a que todavia no esta soportado completamente, pero llevo ya tiempo tambien viendo que cada vez son mas las paginas que lo estan utilizando y que sobretodo estan adaptadas a los dispositivos moviles y demas, por lo que empiezo a pensar que quizas sea un atraso no empezar a renovarme, por lo que almenos me gustaria aprender las cosas nuevas.

La cosa es que ya vi las principales diferencias, las nuevas etiquetas de estructura, etc y no me queda nada claro, es cierto que ahora la pagina esta mas organizada y te dejas de tanto div, ya que tienes una etiqueta para cada seccion y demas, pero mis dudas vienen por que todas las paginas que veo realizadas en HTML 5 tienen una estetica totalmente distinta a la que estoy acostumbrado, me recuerdan a las paginas flash pero sin tener flash, imagino que esto tendra que ver en gran parte con CSS3, pero no se si esto sera asi, ya que yo siempre he utilizado jquery y me brindaba muchos efectos por lo que no se si sera alguna libreria aparte, pero como no estoy seguro quiero preguntar a ver si alguien me aclara realmente lo que hace tan diferentes estas paginas y de paso alguien me puede decir un punto de partida de toda esta nueva tecnologia para poder hacer algo bonito sin liarme mucho.

Muchas gracias un saludo.

Sirrohan · #2 (**permalink**) 05/07/2012, 13:24

Tenía la misma duda que tú, y dentro de esta misma página me he encontrado esta otra página: http://www.maestrosdelweb.com/ donde tienen una guía para HTML5

Tedel · #3 (**permalink**) 05/07/2012, 21:14

mm... tres cosas:

1. Lo de adaptar tu sitio a móviles lo puedes hacer sin necesidad de HTML5. Eso es CSS, no HTML.
2. HTML5 buscó reducir la dependencia al Flash, pero puedes incluir todo el Flash que deseas sin problemas.
3. HTML5 básicamente sirve para hacer tu código más ligero y poder incluir vídeos y audio sin Flash. Habrán muchas más cosas con el tiempo, pero por ahora todavía no están 100% implementadas.

HTML5 es genial para sitios sencillos, como el mío.

emprear · #4 (**permalink**) 08/07/2012, 01:15

@xuturk

Voy a extraer algunas frases de tu post e ir haciendo observaciones a ver si te aclara algunas cosas

Cita:

migrar aun a html 5 debido a que todavia no esta soportado completamente

Tenés que enfovarlo de esta manera

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>titulo</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>
<h1>Demo</h1>
</body>
</html>

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<h1>Demo</h1>
</body>
</html>

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
</head>
<body>
<header>
<h1>Demo</h1>
</header>
<video id="video_1" controls="controls" preload="auto" width="640" height="264"  
  poster="clip.png">  
 <source src="clip.mp4" type='video/mp4' />
 <source src="clip.webm" type='video/webm' />
 <source src="clip.ogv" type='video/ogg' />
 <!-- aqui se inserta flash con object para IE8/7/6 -->
</video>
</body>
</html>

ahi tenés un html, un xhtml y un html5. Si lo pensás vas a darte cuenta que con el tercero podés hacer practicamente cualquier cosa (sacando alguna que otra etiqueta obsoleta que puede ser reemplazada por el uso de css) que con los dos primeros.
En cambio con los dos primeros no vas a poder hacer muchas de las cosas que podrías con html5.
Conclusión, para tus nuevos trabajos empezá con html5 ya mismo (sería un poco cuidadoso con el término migrar, dado que eso implica reescribir lo que ya hiciste con html4 ó xhtml, habría que evaluar si se justifica.

Una vez comprendido lo previo, en lo que tenés que concentrarte es en otro aspecto fundamental, a saber
que cosa y soporta y que cosa no soporta cada navegador de html5, pero eso ya es otro tema, que dicho sea de paso está en constante evolución.

Saludos

andrescrea · #5 (**permalink**) 08/07/2012, 04:50

Solo añadir que HTML5 no es el futuro: es el presente.

Con HTML5 y CSS3 + responsibility design diseñas la misma web para cualquier dispositio (pc,movil..) sin hacer paginas especiales para cada uno.

rodrigo791 · #6 (**permalink**) 08/07/2012, 15:31

Cita:

Iniciado por andrescrea

Solo añadir que HTML5 no es el futuro: es el presente.

Palabras de jesus conde? lol

Obvio es el presente, nunca se sabe lo que viene.

Concuerdo con muchas cosas que dijeron sobre html5 que estamos a tiempo de empezar a usarlo, pero depende de que cosas.

Muchas cosas no son soportadas por algunos navegadores.