InicioInfoHtml5 el futuro!

Html5 el futuro!

Info5/14/2011


HTML5




Como todos sabemos hace poco tiempo salio la nueva version del HTML, el HTML5, que muchos desarrolladores esperabamos, antes de comenzar les quiero dejar claro que HTML5 no es un lenguaje de total etiquetado como los otros es algo diferente se etiqueta en algunas partes, ops no solo es HTML4 sino que tambien utiliza XHTML, con DOM 2, AJAx, CSS3 tonces ademas de esto viene con unas opciones nuevas como la etiqueta canvas para el trazo de dibujos en 2D , en 3D se hace con otra cosa.
Hago este post porque a algunos nos ah costado entender algunas de las nuevas funciones API y la utilizacion de este, pero, la verdad es que una vez que lo entiendes se te hace mas facil, bueno, comenzare explicandoles cosas basicas:

HTML 5 (Lenguaje de Marcado de Hipertexto, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML, el lenguaje de desarrollo conocido como HTML5 y una variante XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML (XHTML) (application/xhtml+xml). Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.
El desarrollo de este código es regulado por el Consorcio W3C. y Va de la mano con el CSS3 y AS3

Veamos las etiquetas usadas (Nuevas, Antiguas y eliminadas)
Es una lista larga pero si quieren saltenla, es solo para mencionar los cambios hechos en las etiquetas:

<hgroup>
Atributos globales
Nueva etiqueta
<hr>
Ninguno
Etiqueta cambiada
<html>
Estándar o ninguno
<i>
Ninguno
Etiqueta cambiada
<iframe>
Estándar o ninguno
<img>
Estándar o ninguno
<ins>
Estándar o ninguno
<isindex>
Etiqueta eliminada
<kbd>
Estándar o ninguno
<label>
Estándar o ninguno
<legend>
Estándar o ninguno
<li>
Estándar o ninguno
<link>
Estándar o ninguno
<mark>
Atributos globales
Nueva etiqueta
<map>
Estándar o ninguno
<menu>
Estándar o ninguno
<meta>
Estándar o ninguno
<meter>
high | low | max | min | optimum | value
Nueva etiqueta
<nav>
Atributos globales
Nueva etiqueta
<noframes>
Etiqueta eliminada
<noscript>
Estándar o ninguno
<object>
Estándar o ninguno
<ol>
Estándar o ninguno
<optgroup>
Estándar o ninguno
<option>
Estándar o ninguno
<output>
form
Nueva etiqueta
<p>
Estándar o ninguno
<param>
Estándar o ninguno
<pre>
Estándar o ninguno
<progress>
max | value
Nueva etiqueta
<q>
<ruby>
cite
Nueva etiqueta
<rp>
Atributos globales
Nueva etiqueta
<rt>
Atributos globales
Nueva etiqueta
<s>
Etiqueta eliminada
<samp>
Estándar o ninguno
<script>
Estándar o ninguno
<section>
cite
Nueva etiqueta
<select>
Estándar o ninguno
<small>
Atributos globales
Etiqueta Cambiada
<source>
media | src | type
Nueva etiqueta
<span>
Estándar o ninguno
<strike>
Etiqueta eliminada
<strong>
Estándar o ninguno
<style>
Estándar o ninguno
<sub>
Estándar o ninguno
<sup>
Estándar o ninguno
<table>
Estándar o ninguno
<tbody>
Estándar o ninguno
<td>
Estándar o ninguno
<textarea>
Estándar o ninguno
<tfoot>
Estándar o ninguno
<th>
Estándar o ninguno
<thead>
Estándar o ninguno
<time>
datetime | pubdate
Nueva etiqueta
<title>
Estándar o ninguno
<tr>
Estándar o ninguno
<tt>
Etiqueta eliminada
<u>
Etiqueta eliminada
<ul>
Estándar o ninguno
<var>
Estándar o ninguno
<xmp>
Etiqueta eliminada


Novedades
Incorpora etiquetas (canvas 2D y 3D, audio, video) con codecs para mostrar los contenidos multimedia. Actualmente hay una lucha entre imponer codecs gratuitos (WebM + VP8) o de pago (H.264/MPEG-4 AVC).

Etiquetas para manejar grandes conjuntos de datos: Datagrid, Details, menu y Command. Permiten generar tablas dinámicas que pueden filtrar, ordenar y ocultar contenido en cliente.

Reproductores de video: Nueva funcion, que te brimda la posibilidad de crear tu reproducto de video, con tu propio codigo y a tu gusto.

Notas: Puedes crear tus propias notas con HTML5 y CSS3.(disculpen por que esta en ingles, pero es un buen material, usen el traductor google )

aqui otro ejemplo de notas, este es un poco mas sofisticado, le das en el boton "+" de color negro y añades una nota, y si quieres borrarla le das en "trash"; PD: el texto es solo de ejemplo.


Drag & Drop: Otra nueva funcion para arrastrar objetos como imágenes, rompecabezas (puzzle), y tambien en las ventas..., eh aqui un ejemplo


Quieres probar HTML5?

Aqui nos explican que es HTML5, para que sirve, que contiene y las API que le han agregado hasta hoy y las q le agregan cada dia.


Entra, hay varios ejemplos hechos en HTML5, y estan las API que han sido aprovadas hasta hoy, en un ejemplo con codigo, si desean seleccionan en el menu sample studio y observan estos llamativos ejemplos con buen aspecto, te pueden gustar.

A mi me parece que el HTML5 viene con fuerzas, y soy de los que piensa que va a derriva a el flash y otros programas, aunque estos tengan caracteristicas unicas este nuevo lenguaje "duplica" la funcionalidad, facilidad y opciones, por decirlo asi, "Smart".

Fuentes: , , http://www.google.com/

Gracias por leer mi post.
Datos archivados del Taringa! original
1puntos
296visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
1visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

J
JKeys🇦🇷
Usuario
Puntos0
Posts1
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.