Scribd Logo
Upload

Welcome to Scribd!

  • HTML 5

    Uploaded by

    Monica Smith
    163 views11 pages
    Trabajo grupal html5 IUT RC - 2010

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Trabajo grupal html5 IUT RC - 2010

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    163 views11 pages

    HTML 5

    Uploaded by

    Monica Smith
    Trabajo grupal html5 IUT RC - 2010

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 11

    IUT-RC Dr “ Federico Ribero Palacios”.

    Departamento: Informática.
    Cátedra: Tecnologías de la Internet.
    Trayecto 3 Trimestre 3.
    Seccion B.

    Integrantes
    CI: 18233872
    Rodolfo, Rivas
    CI: 17744011
    Jheyson, Pérez S
    CI: 16590882
    Carlos, Morin
    CI: 16148834
    Jackson j, Pérez S

    Caracas, 1 de Noviembre de 2010


    CONTENIDO

    ● Introducción
    ● Desarrollo
    ● Conclusiones
    ● Bibliografía
    Introducción

    El desarrollo de HTML cesó en 1999 con la versión 4.01. A partir de ese momento la
    Word Wide Web Consortium (W3C) centró sus esfuerzos en otros estándares como por
    ejemplo el XML, RSS, CSS, XFORMS etc. A pesar de ello durante todo este tiempo el HTML se
    matuvo fuerte. Precisamente este fue uno de los factores que hizo recapacitar a la W3C acerca
    del camino que debían tomar aduciendo como argumento que había mucha gente que
    aprovechaba y disfrutaba de este lenguaje.

    No debemos olvidar ni por un momento que el XHTML se concibió como sucesor del
    HTML y debería considerarse como la versión actual del HTML.

    La postura de la W3C ha sido un poco extraña puesto que se centró en los últimos años
    en las especificación del XHTML (en el año 2000 se publicó la versión 1.0) y ahora se trabaja
    en la versión 2.0 (aún en fase de borrador), a esto debemos agregarle que la última
    actualización importante del HTML ocurre en 1997, año en que sale la versión 4.0. En 1999 con
    las recomendaciones del HTML 4.01 se añadieron algunos retoques. Qué ha ocurrido
    realmente para que la W3C haya dado un viraje y haya reconsiderado su postura hacia el
    HTML en el año 2004, las empresas Apple, Mozilla y Firefox mostraron su preocupación por la
    falta de intéres del W3C en HTML y decidieron organizarse en una nueva asociación llamada
    WHATWG (Web Hipertext Application Technology Working Group) cuya actividad estaría
    centrada en el futuro estándar HTML5 ( también conocido por XHTML5 o Web Application 1.0),
    el objetivo una nueva actualización del HTML, compatible con el HTML4 y compatible con Web
    Apps 1.0 y Web Forms 2.0

    En el año 2006 anuncia la W3C su decisión de que pretende trabajar en dos grupos
    distintos, por un lado un grupo de trabajo para la evolución del HTML y por otro un grupo de
    trabajo para la evolución del XHTML a la versión 2.0 (artículo Reinventing HTML publicado el
    El 27 de Octubre del año 2006 y escrito por Tim Bernes-Lee director del W3C).

    Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de


    sus borradores de HTML 5.0 en marzo de 2007 el W3C decidió retomar oficialmente la
    actividad estandarizadora de HTML. El 22 de Enero de 2008 el W3C y el WHATWG publican el
    nuevo borrador de HTML5
    HTML5.

    El mundo del diseño y desarrollo de web está en constante evolución. Cada día surgen
    técnicas y lenguajes nuevos. Lo que no ha variado desde hace casi un decenio es el lenguaje
    HTML, que parecía haberse quedado estancado en la versión 4 del mismo.

    Parecía, porque ya está al caer la versión 5 de HTML que trae interesantes novedades. En A
    List Apart han realizado un repaso a las novedades que ofrecerá esta nueva versión que en la
    actualidad está preparando la W3C en colaboración con otros organismos y asesores. Todavía
    queda trabajo por hacer y tiempo para que la nueva versión salga definitivamente a la luz, lo
    que hace preveer novedades y modificaciones, pero las principales características que, de
    momento, incluye HTML5 son:

    Estructura

    HTML 5 introduce una serie de nuevos elementos que hacen mucho más fácil la
    confección de la estructura de las páginas mediante la introducción de nuevos elementos, con
    un significado semántico, para la representación de cada uno de las diferentes secciones que
    puede contener una página.

    Los antiguos elementos div podrán ser reemplazados por nuevos elementos como: header,
    nav, section, article, aside y footer. De este modo el marcado de un documento podría ser algo
    así:

    <body>
    <header>...</header>
    <nav>...</nav>
    <article>
    <section>
    ...
    </section>
    </article>
    <footer>...</footer>
    </body>

    Audio y Video

    En los últimos años, encontrar vídeo y audio en la web se han hecho muy frecuente. Sitios
    como YouTube o MySpace son buena prueba de ello. Sin embargo, la versión actual de HTML
    actual carece de los medios necesarios para incorporar con éxito el control de los multimedia y
    por sí mismo. En la nueva versión de HTML se incorporan los nuevos elementos video y audio.
    De este modo, para incorporar un elemento de video podríamos hacerlo con:

    <video src="video.mov" />

    Y para incorporar un elemento de audio:


    <audio src="../musicas/growl.mp3" autoplay="autoplay" />

    Todavía queda por saber los codecs de audio y vídeo que serán capaces de soportar los
    navegadores.

    Web Forms 2.0 el futuro de nuestros formularios

    Con la llegada del HTML5 han llegado muchas novedades y entre ellas tenemos el borrador de
    Web Forms 2.0 que pretende ser una muestra de lo que serán los formularios del futuro, ya que
    los actuales comienzan a quedarse cortos y se ha de abusar de javascript para paliar ciertas
    carencias que podrían estar incluidas en el navegador.
    Hay muchas modificaciones, pero especialmente resultan más atractivas las extensiones que
    van a sufrir los elementos <input />, los más importantes de nuestros formularios

    Nuevos tipos

    Para ampliar las capacidades de estos elementos se han planteado una serie de nuevos tipos
    que se listan a continuación:

     datetime
     datetime-local
     date
     month
     week
     time
     number
     range
     email
     url

    Con estos nuevos tipos de elementos, sumados a los actuales (submit, file, button, radio,…)
    podemos hacer cosas como estas con únicamente 2 líneas.

    <p>
    <label for="time1"> Tiempo de salida preferible: </label>
    <input id=" tiempo 1" name="tiempo1" type="time" min="08:00" max="17:00"
    value="08:00" /> —
    <input id=" tiempo 2" name=" tiempo 2" type="time" min="08:00" max="17:00"
    value="17:00" />
    </p>

    De esta forma, estamos indicando que se trata de 2 elementos de tipo tiempo y que los rangos
    entre los que nos permiten definir sus valores van desde las 8:00 a las 17:00… se acabó el
    Javascript necesario para controlar los valores que introducimos.
    Al ser el navegador el que se encarga de dicho control, podemos dedicar nuestros esfuerzos a
    otros menesteres más interesantes.

    Nuevos atributos

    Mediante la incorporación de una serie de atributos nuevos podremos realizar interesantes


    combinaciones, enriqueciendo nuestras aplicaciones sin necesidad de hacer que nuestro
    código crezca.

     min
     max
     step
     pattern
     required
     form
     autocomplete
     autofocus

    <input type="date" min="1900-01-07" step="7" name="sunday" >

    Sin duda el atributo más interesante, o por lo menos uno de los que más van a dar de sí es
    pattern, ya que nos permitirá definir una expresión regular y el <input /> validará que el valor
    que introduzcamos no se salga de dicho patrón.

    <label> Código de la Tarjeta:


    <input type="text" pattern="[0-9]{13,16}" name="ct" />
    </label>

    Con required haremos que un elemento sea imprescindible para que nuestro formulario pueda
    ser procesado. Algo que hasta ahora hacíamos con Javascript.

    <li><label> Name: <input type="text" name="name" required="required" /></label></li>

    Con la inclusión del atributo form, podremos indicar a que formulario (o formularios) obedece un
    elemento <input />, quizás este punto es un poco delicado ya que se podría romper la
    semántica del código informando un elemento <input /> en un lugar distante del formulario,
    haciendo perder la idea de la estructura actual.

    <form id="edit1">
    <input form="edit2" type="text" name="value"/>
    <input form="edit1" type="submit" name="Edit"/>
    </ form>
    ...
    <form id="edit2">
    ...
    </ form>
    Diferencias entre HTML 5 y HTML 4

    La W3C ya tiene una lista con las diferencias de la nueva versión del HTML, el HTML 5
    con el HTML 4 que está en desarrollo todavía y que promete muchas novedades. Aquí les
    muestro algunas.

     article: Elemento que nos permite declarar un trozo del contenido como artículo. Ideal
    para blogs o periódicos
     dialog: Se utilizará para representar una conversación entre varias personas <dialog>

    <dt> Costello
    <dd> Look, you gotta first baseman?
    <dt> Abbott
    <dd> Certainly.
    <dt> Costello
    <dd> Who's playing first?
    <dt> Abbott
    <dd> That's right.
    <dt> Costello
    <dd> When you pay off the first baseman every month, who gets the money?
    <dt> Abbott
    <dd> Every dollar of it.
    </dialog>

     figure: Se podrá utilizar para asociar con un caption un contenido incrustado, como por
    ejemplo gráficos y videos.
     header: El encabezado; no confundir con el aún vigente y fiel <head>.
     nav : Navegación, una colección de links a otras páginas.
     section: Como un capítulo en un libro, puede albergar uno o varios <article>
     footer: El pie de página, la firma, el email de contacto… en fin
     aside: Es un bloque semántico que representa una nota, un consejo una explicación….
     figure : Se utilizará para representar una imagen
     time : Se utilizará para marcar un momento temporal en una historia
     meter : Se utilizará para indicar ciertas medidas dependiendo de los atributos
     progress: Representará el estado de cierto proceso
     video: Siempre sabremos que entre estas etiquetas hay un video
     audio: En este caso un archivo de audio
     details:Más detalles sobre alguna cosa
     datagrid: Una tabla, una recopilación de datos formateados
     menu: Un listado, un menu….
     datalist: Junto con el nuevo atributo list para los input puede ser usado para crear
    comboxes.

    Nuevos atributos

    HTML 5 ha introducido una gran cantidad de nuevos atributos para varios de los
    elementos que ya disponemos en HTML4

     . list: Para elementos <datalist /> y <select />


    <input list=browsers>
    <datalist id=browsers>
    <option value="Safari">
    <option value="Internet Explorer">
    <option value="Opera">
    <option value="Firefox">
    </datalist>

     async: Para elementos <script /> el ajax hecho atributo


     autofocus: Destinado para indicar el elemento <input /> (no hidden), <select />,
    <textarea /> o <button /> que ha de coger el focus al cargar la página
     disabled: Para <fieldset />, permite desactivar el <fieldset /> completo

    Algunos de los elementos cambiados

    El elemento <a /> sin href ahora creará un enlace al sitio.


    El elemento <address /> es ahora un nuevo concepto de sección
    El elemento <menú /> ha sido redefinido para ser usado en los actuales menús
    El elemento <small /> ahora representa una impresión pequeña.

    Elementos eliminados
    En la nueva versión algunos elementos que anteriormente estaban obsoletos pasan a ser
    eliminados definitivamente:

     acronym
     applet
     basefont
     big
     center
     dir
     font
     frame
     frameset
     isindex
     noscript (solo en XHTML5)
     s
     strike
     tt
     u

    Al igual que los elementos muchos atributos también fueron eliminados tales como:

    target en <link />

    nohref en <area />


    version en <html />

    name en <map />

    charset en <script /> y otros

    Novedades que nos trae el html5

     Se añaden dos nuevos mecanismos para almacenar datos en el cliente, sessionStorage


    y globalStorage.
     Se abre la posibilidad de tener una base de datos en el cliente y poder ejecutar
    consultas SQL (aún no está bien definido este apartado).
     El elemento event-source, que permite tener una fuente de eventos externa (por
    ejemplo, <event-source src=”http://www.host.com/script.cgi”
    onevent=”process(event)”>). Dicho de otra forma: eventos DOM enviados desde el
    servidor.
     Posibilidad de realizar conexiones bidireccionales con el servidor mediante
    TCPConnection(), LocalBroadcastConnection() y PeerToPeerConnection().
     Envío de mensajes entre documentos mediante postMessage().
     El elemento canvas entra en la especificación.
     Se añade el atributo contentEditable a todos los elementos.
     Soporte para arrastrar y soltar.
     Historial de deshacer para todos los cambios realizados en el DOM.
    Conclusiones

    Hasta aquí una pequeña visión de lo que nos trae el HTML5. Nos resta a nosotros sacar
    nuestras conclusiones al respecto

    De todas formas, con el tiempo iremos viendo cómo va todo. En principio las labores del grupo
    de trabajo de HTML (HTML Working Group Charter) terminarán el 31 de Diciembre del año
    2010 (aunque ya sabemos que pasa con las fecha previstas en cualquier proyecto). Por otro
    lado, las tareas del grupo de trabajo de XHTML2 (XHTML2 Working Group Charter), terminarán
    el 31 de Diciembre del 2009.
    Bibliografía

    http://webposible.com/blog/?p=343

    http://dev.w3.org/html5/html4-differences/Overview.html

    http://meiert.com/en/indices/html-elements/ Lista actualizada de los elementos de HTML

    http://www.anieto2k.com/2008/09/17/web-forms-20-el-futuro-de-nuestros-formulariosi/

    http://www.whatwg.org/specs/web-forms/current-work/#existing

    http://www.webintenta.com/novedades-de-html5.html

    http://www.carlosleopoldo.com/post/diferencias-entre-html-5-y-html-4/

    http://www.ibm.com/developerworks/web/library/x-html5/index.html?ca=drs-

    You might also like