Introducción HTML5

1

Programación WEB – Unidad 3

Introducción al HTML 5

¿Qué es HTML5?

HTML5 es el último estándar para el HTML.

La versión anterior de HTML, HTML 4.01, se produjo en 1999, y el Internet ha cambiado mucho desde entonces.

HTML5 fue diseñado para reemplazar el HTML 4, XHTML y DOM HTML Nivel 2.

Fue especialmente diseñado para ofrecer contenido enriquecido sin necesidad de plugins adicionales. La versión actual ofrece de todo, desde la animación de gráficos, música, películas y también se puede utilizar para construir aplicaciones web complejas.

HTML5 es también multiplataforma. Está diseñado para trabajar si se utiliza un PC o un Tablet, un Smartphone o una Smart TV.

¿Cómo surge HTML5?

HTML5 es una colaboración entre el Consorcio World Wide Web (W3C) y el Web Hypertext Application Technology Working Group (WHATWG).

WHATWG estaba trabajando con los formularios web y las aplicaciones, y la W3C estaba trabajando con XHTML 2.0. En 2006, decidieron cooperar y crear una nueva versión de HTML.

Se establecieron algunas reglas para HTML5:

Las nuevas características deben estar basadas en HTML, CSS, DOM y JavaScript

La necesidad de plugins externos (como Flash) debe reducirse El manejo de errores debe ser más fácil que en las versiones anteriores Las secuencias de comandos tienen que ser sustituidas por más lenguaje de

marcado HTML5 debe ser independiente del dispositivo El proceso de desarrollo debe ser visible para el público

2


El HTML5 <! DOCTYPE>

En HTML5 sólo hay una declaración, y es muy simple <doctype>:

<!DOCTYPE html>

Un documento HTML5 mínimo

A continuación se muestra un documento simple de HTML5, con el mínimo de variables necesarias:

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Título del documento</title></head>

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

</html>

HTML5 ofrece nuevos elementos semánticos para definir claramente las diferentes partes de una página web:

<header> <nav> <section> <article> <aside> <figure> <figcaption> <footer> <details> <summary> <mark> <time>

3


Nuevas funciones en HTML5

Algunas de las nuevas características más interesantes de HTML5 son:

El elemento <canvas> para el dibujo 2D Las etiquetas <video> y <audio> para la reproducción multimedia Soporte para almacenamiento local Nuevos elementos específicos de contenido, como <article>, <footer>,

<header>, <nav>, <section> Nuevos controles de formulario, como el calendario, la fecha, hora, correo

electrónico, URL, búsqueda

Nuevos elementos de formularios

HTML5 tiene los siguientes nuevos elementos de formulario:

<datalist>

Indica una lista de opciones predefinidas para un elemento <input> (proporciona una función de autocompletar, los usuarios podrán ver una lista despegable)

<keygen>

USO EN EL FUTURO. Su propósito es proporcionar una forma segura para autentificar usuarios. (genera dos claves: una privada y una pública, la privada se almacena localmente y la clave pública se envía al servidor).

<output>

Representa el resultado de un cálculo (como si el cálculo fuera realizado por un script).

4


Elementos eliminados

Las siguientes etiquetas (HTML 4.01) se han removido del HTML5:

<acronym> <applet> <basefont> <big> <center> <dir> <font> <frame> <frameset> <strike> <tt>

En W3Schools pueden consultar referencias completas de todas las etiquetas HTML4/HTML5, atributos globales, eventos estándar, y mucho más.

Introducción HTML5

Documents

Transcript of Introducción HTML5