JKeys
Usuario (Colombia)
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 ) http://net.tutsplus.com/articles/news/create-a-sticky-note-effect-in-5-easy-steps-with-css3-and-html5/ 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. http://nettuts.s3.amazonaws.com/762_localStorageDemo/demo/index.html Drag & Drop: Otra nueva funcion para arrastrar objetos como imágenes, rompecabezas (puzzle), y tambien en las ventas..., eh aqui un ejemplo http://nettutsplus.s3.amazonaws.com/64_html5dragdrop/demo/index.html Quieres probar HTML5? http://dret.typepad.com/dretblog/html5-api-overview.html 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. http://studio.html5rocks.com/ 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.w3.org/html/logo/, http://net.tutsplus.com, http://www.google.com/ Gracias por leer mi post.