Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Introducción A HTML5

    Загружено:

    sartrq
    125 просмотров15 страниц

    Оригинальное название

    Introducción a HTML5

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    PPTX, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PPTX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    125 просмотров15 страниц

    Introducción A HTML5

    Загружено:

    sartrq

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PPTX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 15

    HTML5

    Introduccin a
    HTML5
    Qu es HTML5?
    HTML5 es un nuevo estndar del lenguaje HTML.
    La versin previa de HTML, HTML 4.01, apareci en
    1999.
    HTML5 surgi como una cooperacin entre el World
    Wide Web Consortium (W3C) y el Web Hypertext
    Application Technology Working Group (WHATWG).
    WHATWG estaba trabajando con formularios y
    aplicaciones web, y el W3C estaba trabajando con
    XHTML 2.0. Hasta que en el 2006, decidieron
    cooperar y crear una nueva versin de HTML.
    Reglas establecidas para HTML5
    Las nuevas caractersticas deben estar
    basadas en HTML, CSS, DOM, y JavaScript.
    Reducir la necesidad de plugins externos
    (como Flash).
    Mejor control de errores.
    Mas etiquetas para reemplazar el scripting.
    HTML5 debe ser independiente del
    dispositivo.
    Caractersticas de HTML 5
    HTML5 provee bsicamente tres caractersticas, estructura,
    estilo y funcionalidad.
    HTML est a cargo de la estructura, CSS presenta esta
    estructura y su contenido en la pantalla y JavaScript hace el
    resto.
    La estructura es el elemento principal, debe proveer forma,
    organizacin y flexibilidad, y debe ser tan fuerte como los
    cimientos de un edificio.
    Nuevos Elementos
    Algunos de los elementos mas interesantes son:
    Elemento <canvas> para dibujar en 2D.
    Elemento <video> y <audio> para reproducir
    multimedia.
    Soporte para almacenamiento local.
    Nuevos elementos para especificacin de contenido
    como: <header>, <nav>, <section>,
    <article>, <footer>.
    Nuevos controles para formularios como: calendar,
    date, time, email, url, search.
    Elementos Eliminados
    Elementos de la versin HTML4.02 eliminados:
    <acronym>
    <applet>
    <basefont>
    <big>
    <center>
    <dir>
    <font>
    <frame>
    <frameset>
    <noframes>
    <strike>
    <tt>
    Mito 1:
    HTML5 ha desplazado a Flash
    Esto no es cierto por varios motivos.

    El 99% de los equipos de escritorio dan soporte a Flash
    frente al 82% de navegadores que soportan el elemento
    <canvas> de HTML5.
    Flash Player 11(stage 3D) tiene una penetracin de
    mercado del 81%; mientras que slo un 53% de
    navegadores dan soporte a WebGL.
    En flash se compila en un solo archivo .SWF mientras que
    HTML5 requiere el uso de diferentes archivos, con lo que
    es ms fcil compartir Flash.
    La verdad HTML5 supera a Flash en dispositivos mviles.
    http://goo.gl/aMcaL

    Mito 2
    HTML5 solo es un DOCTYPE
    Lo que define a HTML5 no es slo su
    DOCTYPE, sino sus etiquetas semnticas, el
    conjunto de buenas prcticas asociadas a
    HTML5 y mucho ms.
    Hay muchas etiquetas que han quedado
    obsoletas.
    Mito 3
    HTML5 slo funciona con CSS3
    Cuando se empieza a aprender HTML5, se
    tiene la tendencia a creer que slo funciona
    con CSS3.
    Esto es debido a que mucha gente no sabe
    que CSS3 no sustituye al CSS tradicional, sino
    que lo amplia y enriquece con muchas otras
    opciones, como las transiciones y las
    animaciones.
    Mito 4
    HTML5 arruina la accesibilidad web
    La accesibilidad web es lo que permite que
    personas con algn tipo de discapacidad
    puedan acceder a los contenidos de la web
    (http://goo.gl/YsdEe).
    Ejemplo el elemento <canvas>
    HTML5 y sus tecnologas asociadas (1)
    CSS3 para mejorar la experiencia del usuario.
    MathML3.0 para escribir notacin cientfica y
    matemtica con HTML5
    http://www.w3.org/TR/MathML3/
    SVG para grficos en formato vectorial
    http://www.w3.org/Graphics/SVG/
    Selectores de CSS3
    Navigation Timing API de JavaScript para medir el
    rendimiento de la web. http://goo.gl/9IPBM
    Web Open Font Format (WOFF). Estndar macado por
    la W3C para la tipografa web
    HTML5 y Tecnologas Asociadas (II)
    RDFa es un conjunto de extensiones para
    introducir semntica en los documentos.
    Ejemplo:
    <a property=url href=www.esandra.com/>mi sitio</a>
    Geolocalizacin Procedimiento para saber las
    coordenadas de la ubicacin de una persona.
    Touch events. Utiliza la API de JavaScript para
    el control de los elementos de toque del
    usuario.
    Estructura Bsica
    <!DOCTYPE html>
    <html>
    <head>
    <title>Ttulo del documento</title>
    </head>

    <body>
    Contenido del documento......
    </body>

    </html>
    Estructura Mejorada
    HTML5 brinda varios nuevos elementos que
    perfeccionan la estructuracin de un diseo de
    pgina, estableciendo qu es cada seccin,
    eliminando as DIV innecesarios.
    Este cambio en la semntica hace que la
    estructura de la web sea ms coherente y fcil de
    entender por otras personas y los navegadores
    podrn darle ms importancia, segn a qu
    secciones de la web se refieran y facilitndole
    adems la tarea a los buscadores.
    Diferencias entre maquetaciones con
    HTML Y HTML5

    Вам также может понравиться