Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • HTML 5

    Cargado por

    Daniel Hidalgo Paredes
    13 vistas8 páginas

    Derechos de autor

    © Attribution Non-Commercial (BY-NC)

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    13 vistas8 páginas

    HTML 5

    Cargado por

    Daniel Hidalgo Paredes

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 8

    Ao de la Integracin Nacional y El Reconocimiento de Nuestra Diversidad

    Universidad Cientfica del Per Ingeniera Informtica y de sistemas

    DIFERENCIAS QUE TRAE EL HTML 5


    Alumna: Ciclo: VIII Crdenas Oliveira Yna Jaqueline.

    Asignatura: Herramientas de Programacin para Internet

    Docente:

    Ing. Lee Frank

    HTML 5 2012

    INDICE

    INTRODUCCIN CONCEPTO

    3 4

    NOVEDADES QUE TRE CONSIGO EL NUEVO HTML 5

    Estructura del cuerpo Video Canvas

    4 5 6 6

    .. .

    Cach para aplicaciones . Operarios Web (Web Workers) Drag and drop (arrastrar y soltar) Aplicaciones offline 6

    6 7 7

    Mejoras en los formularios

    CONCLUSIN BIBLIOGRAFA

    HTML 5 2012

    INTRODUCCIN Estamos en un momento del desarrollo web muy activo, llevamos cierto tiempo con gran cantidad de cambios, nuevas tendencias y sobretodo nuevas necesidades. Por esto me siento afortunado de estar viviendo esta oleada de cambios que a mi parecer algn da terminarn. Un cambio que ahora estamos viviendo es el nacimiendo de HTML5, una nueva revisin del estandard que mueve Internet y hace posble que ahora estemos interactuando (los usuarios que leen la pgina). El aumento de necesidades han dado lugar a la aparicin de nuevos tags, el debate sobre el uso de otros y cambios ms o menos importantes pero que debemos conocer. Estar actualizados en las diferentes aplicaciones, nos permite tener la informacin a la mano antes de iniciar nuestro trabajo. Es por esta razn que en este trabajo te presento lo nuevo que trae el HTML 5 y las diferencias de versiones anteriores. Estas nacen como una actualizacin al estndar utilizado en la red, y donde ofrece mejoras incluyendo la interaccin con el usuario que lee nuestro contenido. Se considera que esta nueva versin afecta directamente a todas las aplicaciones usadas en la red, y corrige muchos de los errores que se presentaban anteriormente, en XHTML. Aunque todava se encuentra en borrador, es importante que te actualices desde ahora en los cambios significativos que trae HTML 5.

    HTML 5 2012

    1. CONCEPTO

    HTML es el acrnimo de HyperText Markup Language, que traducido a nuestro idioma es Lenguaje de Marcacin de Texto, una herramienta para que el ordenador conectado a Internet, interprete como visualizar el documento. Con la llegada de su nueva versin, el HTML 5 representa el mayor avance en los estndares web en la ltima dcada. A diferencia de las especificaciones que vinieron antes, HTML 5 no es slo una intencin de presentar contenido en un navegador web. Su objetivo es dar madurez a la web como una completa plataforma de aplicaciones, un campo de juego donde el video, el sonido, las imgenes, las animaciones y la interactividad total con el ordenador estn estandarizados. En HTML 5, se han tomado en cuenta mejoras en la creacin de la estructura del cdigo web y en el manejo ptimo de las etiquetas web. De esta manera, se convierte en un estndar mucho ms verstil, que permitir realizar una interaccin mucho ms poderosa y simple, mejorando la experiencia de uso por parte del usuario y facilitando la depuracin del cdigo web. 2. NOVEDADES QUE TRAE CONSIGO EL HTLM 5 Estructura del cuerpo: Uno de los principales cometidos del HTML5 es describir la estructura de la pgina web. La mayora de las webs tienen un formato comn, formado por elementos como cabecera, pie, cuerpo del artculo, etc. Sin embargo hasta la fecha, este tipo de estructura no estaba bien diferenciada, ahora se establecen etiquetas especficas para cada seccin. Podemos mejorar la estructura de las pginas con etiquetas especficas. HTML5 propone una nueva forma de plantear la manera en que estructuramos una pgina web. Para lograr esto, HTML5 incorporar etiquetas especficas que nos permiten definir: Encabezados de la estructura de la pgina con la etiqueta <header>, la cual no debemos confundir con la etiqueta del documento <head>. Para entender esta diferencia, debemos recordar que la etiqueta <head> se utiliza para colocar metainformacin que no es visible en la representacin de la pgina, sino que tiene otra finalidad (brindar informacin a los buscadores, mostrar titulo en la barra del navegador, etc.). Por su parte, <header> es realmente el encabezado del documento representado, donde se puede mostrar, por ejemplo, el logo de nuestra marca.

    HTML 5 2012

    Barras de navegacin. La etiqueta <nav> nos brinda la posibilidad de definir el espacio de la barra de navegacin de la pgina. Est claro que esa opcin nos permitr colocar botoneras, que utilicen HTML + CSS o bien otras tecnologas, como pueden ser AJAX o Flash (entre otras). Aqu tambin podemos utilizar un include si trabajamos con PHP o con ASP. Secciones es otra de las etiquetas que nos permite estructurar nuestro sitio. Con la etiqueta <section>, podremos especificar las secciones generales de nuestra pgina. Con el crecimiento de los sitios de noticias y blogs, se ha extendido la necesidad de definir uno o varios artculos en una pgina y esto podremos lograrlo ahora con HTML5 utilizando la etiqueta <article>. El contenido relacionado, que puede ubicarse en uno de los laterales de la pgina, ahora puede ser mostrado utilizado con la etiqueta especfica <aside>. Si necesitamos reproducir conversaciones de texto, los dilogos se pueden representar con la etiqueta <dialog>. Para finalizar, la etiqueta que nos permite definir el pie de la pgina, se puede especificar con la etiqueta <footer>.

    Video: Sin lugar a dudas, sta es una de las mejoras ms importantes que incorpora HTML 5, ya que se pueden reproducir vdeos en Internet y embeberlos en pginas sin la necesidad de un plugin. Apple apuesta sin fisuras por este estndar, hasta tal punto que se han mostrado siempre contrarios a que sus dispositivos soporten contenidos Flash. Ante esta situacin Adobe, ha decidido no quedarse rezagado, y con Adobe Edge ofrece la posibilidad de crear animaciones web y otros contenidos interactivos mediante HTML5. Es una de las novedades ms importantes e interesantes en este HTML5, ya que permite reproducir y controlar vdeos y audio sin necesidad de plugins como el de Flash. El comportamiento de estos elementos multimedia ser como el de cualquier elemento nativo, y permitir insertar en un video, enlaces o imgenes, por ejemplo. Youtube, ya ha anunciado que deja el Flash y comienza a proyectar con HTML5.

    HTML 5 2012

    Canvas: Este es un elemento complejo que podra traducirse literalmente al castellano como lienzo, permite que se generen grficos al hacer dibujos en su interior. Es utilizado en Google Maps y en un futuro permitir a los desarrolladores crear aplicaciones muy interesantes. Se trata de un nuevo componente que permitir dibujar, ya que hasta hace poco no exista ninguna forma estndar de realizar dibujos directamente en el navegador y debamos hacer uso de Flash o Java (que requiere tener instalado un plug-in) o crear un dibujo en el servidor para publicar en el navegador (con los problemas de eficiencia asociados derivados de la necesidad de actualizaciones). La aplicacin online Sketchpad es una aplicacin de dibujo desarrollada completamente en HTML5 (no recurre a tecnologas como Flash) y funciona directamente en el navegador web.

    Cach para aplicaciones: Aplicaciones web completas podrn ser guardadas y utilizadas de forma local cuando no haya una conexin a Internet disponible, al igual que toda la informacin que haya sido generada a travs de dichas aplicaciones. Por primera vez ser posible crear aplicaciones web universales que se comportarn como aplicaciones locales y que funcionarn en cualquier navegador web que soporte HTML 5.

    Operarios Web (Web Workers): Permite que los procesos que requieran mucho tiempo de procesamiento por parte del navegador se ejecuten en un segundo plano, para que el usuario pueda trabajar en paralelo. Es como utilizar dos canales de procesamiento, mientras que en realidad todo fluye a travs de un solo canal.

    Drag and drop (arrastrar y soltar): Una funcionalidad muy til para ahorrar tiempo, Por ejemplo si quieres adjuntar un fichero a un correo electrnico, en vez de buscarlo por el rbol de navegacin que se

    HTML 5 2012
    abre en el propio servicio de mensajera, puedes arrastrar el fichero desde la carpeta origen hasta el propio cuerpo del correo electrnico.

    Aplicaciones offline: Uno de los conceptos que renueva HTML5 es la posibilidad de trabajar con aplicaciones web pero de manera offline. Si bien ya en HTML 4.01 hay pginas que pueden visualizarse sin estar conectados a Internet (si previamente fue descargada), el uso de aplicaciones web offline se hace mucho ms complejo. HTML5 plantea una revolucin en este tema. Google, el gigante de los buscadores y de las aplicaciones en lnea es una de las empresas que apuesta por HTML5 y ha mostrado especial atencin en esta caracterstica, para poder brindar a los usuarios que eligen sus servicios, nuevas opciones para trabajo offline, que irn perfeccionndose a medida de que HTML5 logre mayor aceptacin y compatibilidad con los navegadores. Adems de lo que ofrece Google, este fundamental avance, permitir que existan mayor cantidad de aplicaciones de diferentes fabricantes y desarrolladores que podrn brindar soluciones para equipos de escritorio y tambin para mviles. Mejoras en los formularios: El elemento input adquiere gran relevancia al ampliarse los elementos que se permitiran en el type. <input type="search"> para cajas de bsqueda. <input type="number"> para adicionar o restar nmeros mediante botones. <input type="range"> para seleccionar un valor entre dos valores predeterminados. <input type="color"> seleccionar un color. <input type="tel"> nmeros telefnicos. <input type="url"> direcciones web. <input type="email"> direcciones de email. <input type="date"> para seleccionar un da en un calendario. <input type="month"> para meses. <input type="week"> para semanas. <input type="time"> para fechas. <input type="datetime"> para una fecha exacta, absoluta y tiempo. <input type="datetime-local"> para fechas locales y frecuencia.

    HTML 5 2012

    CONCLUSIN

    Las novedades que propone html5 en diseo web son, etiquetas canvas 2D y 3D, audio, vdeo con codecs destinados a la mejora de archivos multimedia, y como principales novedades de html5, Drag & Drop, que sirve para arrastrar elementos dentro de los formularios. Tras 4 versiones de lenguaje informtico bsico, conocido como lenguaje HTML, se incorporar HTML5, que mejorar de manera sustancial los trabajos a realizar dentro de blogs, pginas web, siendo de gran importancia su incorporacin dentro del mundo del diseo grfico, en el que la edicin HTML, suele ser principal para la modificacin, incorporacin y eliminacin de datos, y por consiguiente, de elementos dentro del diseo web.

    BIBLIOGRAFA

    http://www.anieto2k.com/2007/06/16/las-principales-diferencias-entre-html5-y-html4/ http://www.dosbit.com/navegadores/anticipo-y-diferencias-de-html-5 http://pro4.es/diseno-paginas-web/html5-quinta-version-del-lenguaje-basico/ http://okhosting.com/blog/post/Lo-nuevo-que-trae-HTML-5.aspx http://www.eldesblogue.com/tag/ventajas-html5

    También podría gustarte