HTML5

HTML 5
MIGUEL NGEL CAMACHO POLVO
La declaracin DOCTYPE para HTML5

es muy simple:
<!DOCTYPE html>
La codificacin de caracteres (charset)

declaracin tambin es muy simple:
<meta charset="UTF-8">
La codificacin de caracteres por

defecto en HTML5 es UTF-8.
Nuevos elementos de HTML5

Los nuevos elementos ms interesantes son:
Nuevos elementos semnticos como <header>, <pie de pgina>, <article> y
<section>.
Nueva forma de control de atributos como el nmero, fecha, hora, calendario y
alcance.
Nuevos elementos grficos: <svg> y <canvas>.
Nuevos elementos multimedia: <audio> y <video>.
Nuevas APIs de HTML5

(Application Programming Intercafes)
Las APIs ms interesantes son:
Geolocalizacin HTML
Arrastrar y soltar HTML
HTML Almacenamiento local
HTML Aplicacin Cach
Trabajadores Web HTML
HTML SSE
* Almacenamiento local es un reemplazo de gran alcance para las cookies.
Historia de HTML
Desde los primeros das de la web, han habido muchas versiones de HTML:
Historia de HTML
Tim Berners-Lee invent la "World Wide Web" en 1989, y la Internet despeg en la dcada de 1990.
De 1991 a 1998, HTML desarroll desde la versin 1 a la versin 4.
En 2000, el Consorcio World Wide Web (W3C) recomienda XHTML 1.0.
La sintaxis XHTML era estricta, y los desarrolladores se vieron obligados a escribir cdigo vlido y "bien
formado
En 2004, WHATWG (Grupo de Trabajo de Tecnologa Web de hipertexto Aplicacin) se form en
respuesta a retrasar el desarrollo del W3C, y la decisin del W3C para cerrar el desarrollo de HTML, a
favor de XHTML.
WHATWG quera desarrollar HTML, coherente con cmo se utiliza la web, sin dejar de ser compatible con
versiones anteriores de HTML.
En el perodo 2004-2006, la iniciativa WHATWG gan el apoyo de los principales proveedores de
navegadores.
En 2006, el W3C ha anunciado que apoyaran WHATWG.
En 2008, el primer borrador pblico HTML5 fue puesto en libertad.
HTML5 Soporte del Navegador

Se le puede ensear a los navegadores ms antiguos de manejar HTML5 correctamente.
HTML5 es compatible con todos los navegadores modernos.

Navegadores, antiguos y nuevos, manejan automticamente los elementos no reconocidos como elementos en lnea.
Debido a esto, se puede "ensear" navegadores antiguos para manejar elementos HTML "desconocidos.
Usted puede incluso ensear a IE6 (Windows XP, 2001) cmo manejar elementos HTML desconocidas.
Definir HTML5 elementos como elementos de bloque

HTML5 define ocho nuevas semnticas elementos HTML. Todos estos son a nivel de bloque elementos.
Para asegurar buena funcin en los navegadores ms antiguos, se puede establecer el CSS display propiedad a bloquear:
Aadiendo nuevos elementos a HTML

Este ejemplo aade un nuevo elemento llamado <Myhero> de HTML, y define un estilo de visualizacin:
UN ESQUELETO
HTML5
Un HTML5 esqueleto
NUEVOS
ELEMENTOS DE
HTML5

.
- NUEVOS ELEMENTOS SEMNTICOS / ESTRUCTURALES

HTML5 ofrece nuevos elementos para una mejor estructura del documento:

.
- NUEVOS ELEMENTOS FORMULARIO
- NUEVOS TIPOS DE ENTRADA
HTML5 permite cuatro sintaxis diferentes para los atributos.

.
Este ejemplo demuestra las diferentes sintaxis utilizados en una etiqueta <input>:
- NUEVA ATRIBUCIN DE SINTAXIS
En HTML5, los cuatro sintaxis se pueden utilizar, dependiendo de lo que se necesita para el atributo.

.
- HTML5 GRFICOS
- NUEVOS ELEMENTOS MEDIA
ELEMENTOS
SEMNTICOS
ELEMENTOS SEMNTICOS
La semntica es el estudio de los significados de las palabras y frases en el
idioma.
Elementos semnticos son elementos con un significado.
Un elemento semntico describe claramente su significado tanto para el
navegador y el desarrollador.
Los ejemplos de no-semnticos elementos: <div> y <span> - Le dice nada
acerca de su contenido.
Ejemplos de semnticas elementos: <FORM>, <table> y <img> - define
claramente su contenido.
NUEVOS ELEMENTOS SEMNTICOS EN HTML5

Muchos sitios web contienen cdigo HTML como: <div id = "nav"> <div class = "header">
<div id = "pie de pgina"> para indicar navegacin, encabezado y pie de pgina.
HTML5 ofrece nuevos elementos semnticos para definir las diferentes partes de una
pgina web:
<artculo>
<aside>
<detalles>
<figcaption>
<figura>
<pie de pgina>
<header>
<principal>
<mark>
<nav>
<section>
<summary>
<hora>
NUEVOS ELEMENTOS SEMNTICOS EN HTML5

A continuacin se muestra una lista alfabtica de los nuevos elementos semnticos en HTML5.
MIGRACIN
HTML4 HTML5
MIGRACIN HTML4 HTML5

Para convertir una pgina HTML 4 en una pgina HTML5, sin destruir nada
del contenido o estructura original, seguir lo siguiente:



FIN

HTML5

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML5

Uploaded by

Copyright:

Available Formats

HTML 5

MIGUEL NGEL CAMACHO POLVO

La declaracin DOCTYPE para HTML5

La codificacin de caracteres (charset)

La codificacin de caracteres por

Nuevos elementos de HTML5

Nuevas APIs de HTML5

* Almacenamiento local es un reemplazo de gran alcance para las cookies.

HTML5 Soporte del Navegador

HTML5 es compatible con todos los navegadores modernos.

Definir HTML5 elementos como elementos de bloque

Aadiendo nuevos elementos a HTML

Nuevos elementos de HTML5

- NUEVOS ELEMENTOS SEMNTICOS / ESTRUCTURALES

Nuevos elementos de HTML5

- NUEVOS ELEMENTOS FORMULARIO

- NUEVOS TIPOS DE ENTRADA

HTML5 permite cuatro sintaxis diferentes para los atributos.

- NUEVA ATRIBUCIN DE SINTAXIS

Nuevos elementos de HTML5

- NUEVOS ELEMENTOS MEDIA

NUEVOS ELEMENTOS SEMNTICOS EN HTML5

NUEVOS ELEMENTOS SEMNTICOS EN HTML5

MIGRACIN HTML4 HTML5

MIGRACIN HTML4 HTML5

MIGRACIN HTML4 HTML5

MIGRACIN HTML4 HTML5

You might also like