# data[].attributes.body
HTML5 introdujo nuevas etiquetas multimedia, como

Estas etiquetas le permiten reproducir audio y vídeo, como <audio> y <video>, directamente en el navegador sin utilizar complementos externos como Flash.

HTML requiere complementos de terceros para reproducir medios, lo que a menudo causa problemas de compatibilidad y rendimiento.

En resumen, HTML5 proporciona una mejor integración multimedia y soporte integrado que las versiones anteriores de HTML.

# data[].attributes.body
Un formulario HTML es una caja de texto que puede contener casillas de verificación, botones y campos alfanuméricos. Suelen encontrarse en los sitios web para recolectar los datos personales de los usuarios interesados en la oferta del sitio en tiempo real y opinión del usuario. Estos datos posteriormente se envían a una base de datos para ser procesados. Ejemplo: formulario HTML de satisfacción del cliente.

Etiquetas

ElementoDescripción<form>: Define un formulario. <input>: Se usa para crear controles interactivos que reciben datos del usuario. <fieldset>: Permite organizar en grupos los campos de un formulario. <legend>: Representa el título de un <fieldset>. <label>: Representa el título de un elemento de control de un formulario.<button>: Representa un botón.<select>: Representa un elemento de control que permite la selección entre un conjunto de opciones <option>.

<option>:Representa una opción en un elemento <select> o <datalist>. <optgroup>: Representa un conjunto de opciones, agrupadas lógicamente dentro de un <select>. <datalist>: Se utiliza junto con la etiqueta <input> para proporcionar una lista de opciones <option> que ayudan a los usuarios a seleccionar un valor mientras escriben en un campo de entrada <input>.

# data[].attributes.headline
Michael Gonzalez- Almacenamiento sin conexion

# data[].attributes.subject
Michael Gonzalez- Almacenamiento sin conexion

# data[].attributes.body
HTML 5 es la versión más reciente que introduce nuevas características.

Un ejemplo, Para lograr almacenamiento sin conexión en HTML5, puedes usar la API de almacenamiento local (´localStorage´) permite almacenar datos de forma persistente en el navegador del usuario. Los datos permanecen disponibles incluso cuando el usuario está sin conexión.

# data[].attributes.body
Es un protocolo de red basado en TCP que establece cómo deben intercambiarse datos entre redes.

El protocolo WebSocket permitió por primera vez acceder a una web de forma dinámica en tiempo real. Con este protocolo, basta con que el cliente establezca una conexión con el servidor, que se confirma mediante el llamado apretón de manos o WebSocket Protocol Handshake. Con él, el cliente envía al servidor todos los datos de identificación necesarios para el intercambio de información.

# data[].attributes.body
HTML5 introdujo una serie de nuevos elementos semánticos que ayudan a dar más significado y estructura a la página web, como <header>, <nav>, <article>, <section>, <aside>, <footer>, entre otros. Estos elementos reemplazan a los antiguos <div> y <span>, proporcionando una mejor organización y accesibilidad del contenido.

# data[].attributes.body
TEXTO QUE REQUIERE

# data[].attributes.body
Multimedia

*HTML5 incluye la etiqueta <canvas> que permite a los desarrolladores dibujar gráficos y animaciones directamente en la página a diferencia de HTML.

*HTML5 también admite la incrustación de gráficos vectoriales SVG, imágenes que pueden cambiar de tamaño a cualquier resolución sin pixelarse.https://tablericons.com/

*HTML5 soporta de forma nativa el vídeo y el audio, e incluso puedes crear juegos o animaciones con él.

# data[].attributes.body
Carla Montalvo

Arrastrar y soltar

Es cuando "agarras" un objeto y lo arrastras a una ubicación diferente.

Para hacer que un objeto se pueda arrastrar, establece draggable=true en dicho elemento.

Puedes habilitar la acción de arrastrar en casi cualquier cosa: imágenes, enlaces, archivos o cualquier marca de tu página.

<div class="container">
<div draggable="true" class="box">A</div>
<div draggable="true" class="box">B</div>
<div draggable="true" class="box">C</div>
</div>

# data[].attributes.body
Diversas funcionalidades:

-Soporte de arrastrar y soltar.

-Manipulación del historial del navegador.

-Lectura y bloqueo del estado de orientación de la pantalla.

Ejemplo: Para hacer que un objeto se pueda arrastrar se introduce draggable=true

# data[].attributes.body
HTML

El HTML no proporciona soporte nativo de audio y vídeo

El HTML sólo es compatible con los gráficos vectoriales si se utiliza junto con otras tecnologías como Flash, VML (Vector Markup Language) o Silverlight.

HTML permite el MathML y el SVG en línea en el texto con un uso restringido.

El HTML no permite a los usuarios dibujar formas como círculos, triángulos y rectángulos.

El HTML sólo utiliza la caché del navegador y las cookies para almacenar datos temporalmente.

El JavaScript y la interfaz del navegador se ejecutan en el mismo hilo.

HTML5

El HTML5 proporciona soporte nativo de audio y vídeo

HTML5 es compatible con SVG (Scalable Vector Graphics), canvas y otros gráficos vectoriales.

HTML5 te permite utilizar MathML y SVG inline en el texto.

HTML permite a los usuarios dibujar formas como círculos, triángulos y rectángulos.

HTML5 utiliza las bases de datos SQL de la web, el almacenamiento local y la caché de la aplicación para almacenar los datos temporalmente.

# data[].attributes.body
Html5

Una de las principales ventajas de HTML5 es la inclusión de elementos semánticos, o marcados semánticos, que nos ayudan a definir las distintas divisiones de una página web.

Html

Las etiquetas HTML semánticas son etiquetas que definen el significado del contenido que engloban.

Por ejemplo, etiquetas como <header>, <article> y <footer> son etiquetas HTML semánticas. Indican claramente la funcionalidad de su contenido.

# data[].attributes.headline
Jaime Santillan HTML5 en dispositivos moviles

# data[].attributes.subject
Jaime Santillan HTML5 en dispositivos moviles

# data[].attributes.body
HTML5 es compatible con dispositivos móviles, se puede acceder desde cualquier dispositivo, se adapta automáticamente a diferentes tamaños de pantalla de los dispositivos moviles. También ofrece soporte para multimedia, animaciones y gráficos, lo que permite crear aplicaciones más interactivas y atractivas.

Eltributo src para indicar la ruta o archivo de video, el cuál se encontrará en un formato concreto, como puede ser .mp4 o .webm.

El atributo width sirve para indicarle un tamaño de ancho y el atributo height para indicar un tamaño de alto.

La API JS Geolocation en HTML5 le permite identificar la ubicación del usuario que navega en cualquier sitio web.

El método getCurrentPosition() es usado para retornar la posición del usuario.

watchPosition() - Retorna la posición actual del usuario y continúa retornando la posición actualizada mediante usuario se mueve, como el GPS en un auto.

clearWatch() - Detiene la función watchPosition().

# data[].attributes.body
En este tutorial veremos como ver archivos de html sin Internet fácil y rápido También creamos tu pagina web a medida, si te interesa me .

HTLM5 SIN CONEXION

EL ARCHIVO DE MANIFUIESTO DE CACHE

ESTRUCTURA

COMO SERVIR DE MANIFIESTO

PROCESO DE CACHEADO

ACTUALIZACION DE LA MEMORIA

EN LINEA

HTLM

INDEX

TITULO

BODY

H1

GUARDAR

DOBLE CLIK

# data[].attributes.body
usar

Capsula dores

cache de Aplicación

Api Tradicional

utilizan network

fallbak

# data[].attributes.body
Canvas es una plataforma web que permite a los usuarios crear aplicaciones y páginas web dinámicas sin la necesidad de conocimientos de programación.

Canvas (<canvas>) se puede utilizar para dibujar gráficos a través de secuencias

de comandos (por lo general JavaScript ).

Por ejemplo, puede usarse para dibujar gráficos, hacer composiciones de fotos o incluso realizar animaciones.

Las aplicaciones de Mozilla adquirieron la compatibilidad con <canvas> a partir de Gecko 1.8 (es decir, Firefox 1.5 ).

El elemento fue originalmente introducido por Apple en el OS X Dashboard y Safari. Internet Explorer, antes de la versión 9.0 beta, no admite de forma nativa <canvas> , pero una página puede de hecho añadir la compatibilidad mediante la inclusión de un script del proyecto Explorer Canvas de Google.

Opera 9 también es compatible con Canvas

# data[].attributes.headline
Abraham Macías R-API de geolocalización 

# data[].attributes.subject
Abraham Macías R-API de geolocalización 

# data[].attributes.body
HTML (HTML5): No incluía una API de geolocalización estándar. Cualquier funcionalidad de geolocalización tenía que implementarse mediante soluciones propietarias o a través de complementos del navegador.

HTML5: Introdujo una API de geolocalización estándar que permite a los desarrolladores acceder a la ubicación del dispositivo del usuario de manera sencilla y uniforme a través de los navegadores compatibles.

HTML (HTML5): No tenía un soporte nativo para geolocalización mediante JavaScript. Los desarrolladores tenían que recurrir a soluciones de terceros.

HTML5: Proporciona una interfaz JavaScript estándar para obtener la ubicación del usuario. La API de geolocalización en HTML5 se utiliza principalmente mediante el objeto navigator.geolocation.

HTML (antes de HTML5): No ofrecía métodos específicos para obtener la ubicación.

HTML5: Ofrece varios métodos, como:

navigator.geolocation.getCurrentPosition(successCallback, errorCallback, options): Obtiene la ubicación actual.

# data[].attributes.body
API de Geolocalización

HTML

Cuando hablamos de Geolocalización utilizando API es imposible obtener la ubicación real de una persona que navega por cualquier sitio web al ser muy limitado.

HTML5

Por el contrario, el lenguaje HTML5 si cuenta con la API JS Geolocation la cuál permite la identificación del usuario que navega por cualquier sitio web

Se accede a la API de geolocalización a través de una llamada a navigator.geolocation; esto hará que el navegador del usuario le pida permiso para acceder a sus datos de ubicación. Si aceptan, el navegador utilizará la mejor funcionalidad disponible en el dispositivo para acceder a esta información (por ejemplo, GPS).

# data[].attributes.body
1- dentro de html5 se tiene comandos como los paths los cuales pueden ser cerrados o abiertos , junto con el metodo stroke q hace dibujar lineas que ese hayan trazado

2- en los comandos canvas de HTML son algo mas cortos comparados con los de HTML5 con las especificaciones y comandos q hay

3-en HTML5 para manipular un canva se tiene q usar el metodo ".get context" q se ejecuta directamente sobre el elemento canvas"

4- en html cosas como los bordes se establecen con la propiedad style la cual por defecto esta en 1px de ancho

5- el canva de HTML5 esta hecho para que se interactue con el lienzo de una forma mas dinamica

(Sorry por la tardanza me equivoqué de link y mande mi trabajo al anterior)