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.

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>.

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.

*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.

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.

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>

-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

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.

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.

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().

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

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

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).

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.

Capsula dores

cache de Aplicación

Api Tradicional

utilizan network

fallbak

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)