MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla
Los resultados de tu búsqueda

    HTML5

    HTML5 DEMOS

    Una colección de demos que muestran las últimas tecnologías HTML en acción.

    HTML5_Logo_128.png

     

    HTML5  es la última evolución de la norma que define HTMLEl término representa dos conceptos diferentes

    • Uno se trata de una nueva versión del lenguaje HTML, con nuevos elementos, atributos y comportamientos.
    • Dos un conjunto más amplio de tecnologías que permite a los sitios Web y a las aplicaciones ser más diversas y de gran alcance. Este conjunto se le llama HTML5 y amigos, a menudo reducido a sólo a HTML5 .

    Diseñado para ser utilizable por todos los desarrolladores de Open Web, esta página referencia a numerosos recursos sobre las tecnologías de HTML5, que se clasifican en varios grupos según su función.

    • Semántica: Permite describir con mayor precisión cuál es su contenido.
    • Conectividad: Permite comunicarse con el servidor de formas nuevas e innovadoras.
    • Fuera de línea y almacenamiento: Permite a páginas web almacenar datos, localmente, en el lado del cliente y operar fuera de línea de manera más eficiente.
    • Multimedia: Nos otorga un excelente soporte para utilizar contenido multimedia como lo son audio y video nativamente.
    • Gráficos y efectos 2D/3D: Proporcionar una amplia gama de nuevas características que se ocupan de los gráficos en la web como lo son el lienzo 2D, WebGL, SVG, etc.
    • Rendimiento e Integración: Proporcionar una mayor optimización de la velocidad y un mejor uso del hardware.
    • Acceso al dispositivo: Proporciona APIs para el uso de varios compomentes internos de entrada y salida de nuestro dispositivo.
    • CSS3: Nos ofrece una nueva gran variedad de opciones para la sofisticación del diseño.

    SEMÁNTICA

    Secciones y contenidos en HTML5
    Un vistazo a la nueva esquematización de un documento HTML5: <section>, <article>, <nav>, <header>, <footer>, <aside>.
    Formularios en HTML5
    Un mirada a la mejora de los formularios web en HTML5: La API de validación de restricción, varios atributos nuevos, nuevos valores para el <input> como el atributo type y el nuevo elemento <output>.
    Nuevos elementos semánticos
    Junto a las secciones , los medios de comunicación y elementos de formularios se crearon nuevos numerosos elementos como: <mark>, <figure>, <figcaption>, <data>, <time>, <output>, <progress>, o <meter>, aumentando la cantidad de elementos de HTML5 validos.
    Mejora en <iframe>
    Uso de atributos de sandbox, seamless, y  srcdoc los autores ahora pueden precisar el nivel de seguridad y la reproduccion deseada de un elemento <iframe>.
    MathML
    Permite integrar directamente fòrmulas matemáticas.
     
    Introducción a HTML5
    En este artículo se explica cómo indicar al navegador que está utilizando HTML5 en su diseño web o aplicación web.
    Analizador de HTML5 compatible
    El programa de análisis, lo que convierte los bytes de un documento HTML en un DOM, se ha ampliado y ahora define con precisión el comportamiento de utilizar en todos los casos, incluso cuando se enfrentan a HTML inválido. Esto conduce a una mucho mayor previsibilidad e interoperabilidad entre los navegadores compatibles con HTML5.

    CONECTIVIDAD

    Web Sockets
    Permite crear una conexión permanente entre la página y el servidor e intercambiar datos no HTML a través de ese medio.
    Eventos de servidor enviados
    Permite a un servidor "colocar" eventos en un cliente, en lugar del clásico paradigma  donde el servidor podría enviar datos sólo en respuesta a la petición de un cliente.
    WebRTC
    Esta tecnología, donde RTC es sinónimo de comunicación en tiempo real, permite conectar con otras personas y servicio de videoconferencia de control directamente en el navegador, sin necesidad de un plugin o una aplicación externa.

    DESCONECTADO Y ALMACENAMIENTO

    Recursos sin conexión: el caché de la aplicación
    Firefox es totalmente compatible con la especificación de recursos fuera de línea de HTML5. La mayoría de los otros recursos fuera de linea tienen soporte en un cierto nivel.
    Eventos en línea y fuera de línea
    Firefox 3 soporta WHATWG eventos en línea y fuera de línea, que permiten a las aplicaciones y extensiones detectar si hay o no una conexión a Internet, así como tambien, detectar cuando hay conexión o no.
    WHATWG sesión del lado cliente y el almacenamiento continuo (Almacenamiento DOM)
    Sesión del lado del cliente y el almacenamiento continuo permite a las aplicaciones web almacenar datos estructurados en el lado del cliente.
    IndexedDB
    Es un estándar de Internet para el almacenamiento de grandes cantidades de datos estructurados en el navegador y para las búsquedas de alto rendimiento de estos datos mediante índices.
    Uso de archivos desde aplicaciones web
    Soporte para la nueva API de archivos de HTML5 ha sido añadido a Gecko, por lo que es posible que las aplicaciones de Internet accedan a los archivos locales seleccionados por el usuario. Esto incluye el apoyo para la selección de varios archivos utilizando el <input> de tipo file del elemento HTML
     múltiples atributos. También esta FileReader.

    MULTIMEDIA

    Usando HTML5 de audio y video
    Los elementos <audio> y <video> permiten la manipulación de nuevos contenidos multimedia.
     
    WebRTC
    Esta tecnología, donde RTC es sinónimo de comunicación en tiempo real, permite conectar con otras personas y controlar servicios de videoconferencia directamente en el navegador, sin necesidad de un plugin o una aplicación externa.
    Usando la API de la cámara
    Permite utilizar, manipular y almacenar una imagen de la cámara del ordenador.
    Track and WebVTT
    El elemento <track> permite subtítulos y capítulos. WebVTT es un formato de pista de texto.

    3D, GRAFICOS & EFECTOS

    Canvas Tutorial
    Conozca el nuevo elemento <canvas>  y cómo dibujar gráficos y otros objetos en Firefox
     
    API de texto para elementos <canvas> 
    El API de texto HTML5 es ahora compatible con elementos <canvas> .
     
    WebGL
    WebGL trae gráficos en 3D para la Web mediante la introducción de una API que se ajusta estrechamente a OpenGL ES 2.0 que se puede utilizar en elementos <canvas> HTML5  .
     
    SVG
    Un formato basado en XML de imágenes vectoriales que directamente se pueden incrustar en el código HTML.
     

     

     

    RESULTADOS e INTEGRACIÓN

    Web Workers
    Permite delegar la evaluación JavaScript para subprocesos en segundo plano, lo que evita que estas actividades ralenticen eventos interactivos.
    XMLHttpRequest Nivel 2
    Permite buscar de forma asíncrona algunas partes de la página, mostrando contenido dinámico, que varía según el tiempo y las acciones del usuario. Esta es la tecnología detrás de Ajax.




     
     
     
    Motores JIT compilación tarde JavaScript
    La nueva generación de motores de JavaScript son mucho más poderosos, lo que lleva a un mayor rendimiento.
    Historia API
    Permite la manipulación del historial del navegador. Esto es especialmente útil para la carga interactivamente nueva informacion en  las páginas.
    El atributo contentEditable: transformar su sitio web en una wiki!
    HTML5 ha estandarizado el atributo contentEditable. Aprenda más sobre esta opción.
    Arrastrar y soltar
    La API de arrastrar y soltar (drag and drop) permite soporte para arrastrar y soltar elementos dentro y entre sitios web. Esto también proporciona una API simple para el uso de extensiones y aplicaciones basadas ​​en Mozilla.
    Gestión del foco en HTML
    Los nuevos atributos HTML5 activeElement y hasFocus son soportados.
    Manejadores de protocolo basados ​​en web
    Ahora puede registrar las aplicaciones web como controladores de protocolo utilizando el metodo navigator.registerProtocolHandler().
    requestAnimationFrame
    Permite controlar la renderizacion de  animaciones para obtener un óptimo rendimiento.
    Fullscreen API
    Controla el uso de la pantalla completa de una página Web o aplicación, sin la interfaz de usuario del explorador mostrada.
    API Pointer Lock
    Permite bloquear el puntero al contenido, por lo que los juegos y aplicaciones similares no pierden el foco cuando el puntero alcanza el límite de la ventana.
    Eventos en línea y fuera de línea
    Para construir una buena aplicación web offline-funcional, lo que necesita saber cuando su aplicación es realmente fuera de línea. Dicho sea de paso, también es necesario saber cuando su solicitud sea devuelta a un estado de conexión de nuevo.

    ACCESO al dispositivo

    Usando la API de la cámara
    Permite utilizar, manipular y almacenar una imagen de la cámara del ordenador.
    Eventos táctiles
    Manipuladores para reaccionar a los eventos creados por un usuario cuando pulsa pantallas táctiles.
    El uso de geolocalización
    Permite a los navegadores localizar la posición del usuario mediante geolocalización.
    Detección de la orientación del dispositivo
    Obtiene la información cuando el dispositivo, en el que se ejecuta el navegador, cambia de orientación. Esto puede ser utilizado como un dispositivo de entrada (por ejemplo, para hacer que los juegos que reaccionan a la posición del dispositivo) o adaptar el diseño de una página a la orientación de la pantalla (vertical u horizontal).
    API Pointer Lock
    Permite bloquear el puntero al contenido, por lo que los juegos y aplicaciones similares no pierden el foco cuando el puntero alcanza el límite de la ventana.

    CSS3 STYLING

    CSS  se ha ampliado para ser capaz de elementos de estilo de una manera mucho más compleja. Esto se refiere a menudo como CSS3aunque CSS no es una especificación monolítica más y los diferentes módulos no están todos en el nivel 3: algunos están en el nivel 1 y un poco en el nivel 4, con todos los niveles intermedios cubiertos.

    Nuevas características de diseño de fondo
    Ahora es posible poner una sombra a un cuadro, con box-shadow y varios fondos se pueden ajustar.
    Bordes mas "lujosos"
    Ahora no sólo es posible utilizar las imagenes con los estilos de bordes, utilizando border-image y asociando sus propiedades asociadas a longhandaunque los bordes redondeados son apoyados a través de propiedades border-radius .
    Animación de su estilo
    Utilizando Transiciones CSS para animar entre los diferentes estados o utilizando animaciones CSS para animar partes de la página, sin que evento trigerring, ahora puede controlar los elementos móviles en su página.
    Tipografía mejorada
    Los autores tienen un mejor control para llegar mejor a la tipografía. Se puede controlar el texto de desbordamiento y guiones , pero también puede una sombra de ella o controlar con mayor precisión sus decoraciones . Tipos de letra personalizados se pueden descargar y aplicar gracias a la nueva regla @font-face .
    Nuevos diseños de presentación
    Con el fin de mejorar la flexibilidad de los diseños, se han añadido dos nuevos diseños: el CSS diseño de varias columnas , y el cuadro de distribución flexible de CSS .

     

    Etiquetas y colaboradores del documento

    Última actualización por: bicentenario,