HTML5 Introduccion

HTML5
HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del

lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis
para HTML: una «clásica», HTML (text/html), conocida como HTML5, y una
variante XHTML conocida como sintaxis XHTML5 que deberá servirse con sintaxis XML
(application/xhtml+xml). Esta es la primera vez que HTML y XHTML se han desarrollado
en paralelo. La versión definitiva de la quinta revisión del estándar se publicó en octubre de
2014.
Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se

recomienda al usuario común actualizar su navegador a la versión más nueva, para poder
disfrutar de todo el potencial que provee HTML5.
Algunas de las nuevas características de HTML5 serían:
 Nuevas etiquetas semánticas para estructurar los documentos HTML, destinadas a

remplazar la necesidad de tener una etiqueta <div> que identifique cada bloque de la
página.
 Los nuevos elementos multimedia como <audio> y <video>.
 La integración de gráficos vectoriales escalables (SVG) en sustitución de los

genéricos <object>, y un nuevo elemento <canvas> que nos permite dibujar en él.
 El cambio, redefinición o estandarización de algunos elementos,

como <a>, <cite> o <menu>.
 MathML para fórmulas matemáticas.
 Almacenamiento local en el lado del cliente.
 Y otros muchos nuevos APIs que veremos a lo largo de los siguientes capítulos.
1.2 TIPS
1.2.1 HTML5 ES API
Se puede pensar en HTML sólo como nuevas etiquetas y geolocalización. Pero esta no es
más que una pequeña parte del estándar que define HTML5. La especificación de HTML5
define también cómo esas etiquetas interactúan con JavaScript, a través del Modelo de
Objetos de Documento (DOM). HTML5 no es únicamente definir una etiqueta
como <video>, también existe su correspondiente API para objetos de vídeo en el DOM. Se
puede utilizar esta API para detectar el soporte para diferentes formatos de vídeo,
reproducir el vídeo, hacer una pausa, silenciar el audio, realizar un seguimiento de la
cantidad de vídeo que se ha descargado, y todo lo que necesita para crear una completa
experiencia de usuario alrededor de la etiqueta en sí.
1.2.2 NO HAY QUE TIRAR NADA A LA BASURA
Se puede amar, o se puede odiar, pero no se puede negar que HTML 4 es el formato de
marcado más exitoso de la historia. HTML5 se basa en ese éxito. No es necesario volver a
aprender cosas que ya se conocen. Si la aplicación web que funcionaba ayer en HTML 4,
hoy funcionará en HTML5.
Ahora, si lo que se desea es mejorar las aplicaciones web, este es el lugar correcto. He
aquí un ejemplo concreto: HTML5 soporta todos los controles de formulario de HTML 4,
pero también incluye nuevos controles de entrada. Algunos de estos son funcionalidades
esperadas durante mucho tiempo, como reguladores y selectores de fecha, mientras que
otros son más sutiles. Por ejemplo, el tipo de entrada de correo electrónico se parece a un
cuadro de texto, pero los navegadores móviles personalizar su teclado en pantalla para que
sea más fácil de escribir direcciones de correo electrónico. Los navegadores más antiguos
que no son compatibles con el tipo de entrada de correo electrónico será tratado como un
campo de texto normal, y el formulario sigue funcionando sin ningún cambio en las etiquetas
o hacks de JavaScript.
1.2.3 FÁCIL DE COMENZAR
"Actualizar" a HTML5 puede ser tan simple como cambiar su tipo de documento. El tipo de
documento debe estar en la primera línea de cada página HTML. Las versiones anteriores
de HTML definen un montón de doctypes, y elegir el más adecuado puede ser difícil. En
HTML5, sólo hay un tipo de documento:
<!DOCTYPE html>
La actualización al doctype HTML5 no rompe el marcado existente, ya que los elementos

obsoletos previamente definidas en HTML 4 todavía se representará en HTML5. Pero le
permitirá usar (y validar) nuevos elementos semánticos
como <article>, <section>, <header> y <footer>.
1.2.4 ¡YA FUNCIONA!
Si se quiere dibujar en un lienzo, reproducir vídeo, diseñar mejores formas, o construir

aplicaciones web que funcionan offline, nos encontramos con que HTML5 ya está bien
soportado. Firefox, Safari, Chrome, Opera y los navegadores móviles ya son compatibles
con canvas, video, la geolocalización, el almacenamiento local, y más funcionalidades.
Incluso Microsoft (raramente conocido por el soporte de estándares) soporta la mayoría de
las características de HTML5 en Internet Explorer 9.
1.2.5 HA VENIDO PARA QUEDARSE
Tim Berners-Lee inventó la World Wide Web a principios de 1990. Más tarde fundó el W3C
para que actuase como administrador único de los estándares web, lo que venido haciendo
durante más de 15 años. Esto es lo que el W3C tenía que decir sobre el futuro de los
estándares web, en julio de 2009:
Hoy, el director anuncia que cuando el XHTML 2 expire en la fecha prevista a finales de
2009, no será renovado. De este modo, y mediante el aumento de los recursos en el Grupo
de Trabajo de HTML, el W3C espera acelerar el progreso de HTML5 y aclarar la posición
del W3C sobre el futuro de HTML.
En septiembre de 2012, el W3C propuso un plan para crear una primera especificación de
HTML5 a finales de 2014, y una nueva especificación final de HTML 5.1 a finales 2016. Al
igual que ocurre en la especificación de CSS3, en HTML5 se ha optado por modularizar la
especificación, creando grupos de trabajo que trabajan de forma separada en diferentes
aspectos del estándar. Algunas de las especificaciones sobre las que se está trabajando:
 HTML Microdata - HTML WG
 HTML Canvas 2D Context - HTML WG
 HTML5 Web Messaging - Web Apps WG

 Web Workers - Web Apps WG
 Web Storage - Web Apps WG
 The WebSocket API - Web Apps WG
 The WebSocket Protocol - IETF HyBi WG
 Server-Sent Events - Web Apps WG
 WebRTC - WebRTC WG
 WebVTT - W3C Web Media Text Tracks CG
HTML5 como estándar del desarrollo web
Antes de comenzar a ver las la últimas novedades de HTML5, es importante conocer

la organización o consorcio que se encarga de mantener el estándar, la W3C. Gracias
a ellos se pueden ver las webs de igual manera en todos los navegadores o por lo menos
se intenta.
Solo recordar que todos los navegadores en el mercado, deben cumplir el estándar
HTML que dicta esta organización, pero no están obligados. Por ejemplo, Internet Explorer
de Microsoft no cumplía dicho estándar y es más, tenían su propio lenguaje HTML5. Esto
cambió a partir de la versión 5 de este navegador.
Para un programador es inviable programar una web para cada navegador, de aquí la
importancia de un lenguaje estándar. Hace unos años esto ocurría con IE y Netscape.
Existía una guerra entre estos dos gigantes para ver quien se llevaba el mercado de los
navegadores y los mayores perjudicados fueron los usuarios.
En la actualidad esto está estandarizado y aunque existen todavía diferencias entre ellos,
son las mínimas. Incluso IE empezó a cumplir dichos estándar con la versión 9. En W3C
Validator puedes validar tu sitio web para comprobar si cumple con el estándar HTML5.
DIFERENCIAS ENTRE HTML5 Y HTML4/XHTML
Artículo principal: Anexo:Etiquetas HTML/XHTML
Atributos de la
Etiqueta Comentarios
etiqueta
 Estándar o ninguno
<!DOCTYPE> Estándar o ninguno
href | target | rel |

Atributo Añadido: media
<a> hreflang | media |
Atributo cambiado: Target
type
<abbr> title
<acronym> Etiqueta Eliminada
<address> Estándar o ninguno
<applet> Etiqueta eliminada
<area> Estándar o ningunos
<article> Atributos globales Nueva etiqueta
<aside> Atributos globales Nueva etiqueta

autobuffer | autoplay
<audio> Nueva etiqueta
| controls | loop | src
<b> Atributos globales Etiqueta cambiada
<base> Estándar o ninguno
<basefont> Etiqueta eliminada
<bdo> Estándar o ninguno
<big> Etiqueta eliminada
<blockquote> Estándar o ninguno
<body> Estándar o ninguno
<br> Estándar o ninguno
<button> Estándar o ninguno
<canvas> height | width Nueva etiqueta
<caption> Estándar o ninguno
<center> Etiqueta eliminada
<cite> Atributos globales Etiqueta cambiada
<code> Estándar o ninguno
<col> Estándar o ninguno
<colgroup> Estándar o ninguno
<datalist> Atributos globales Nueva etiqueta
<dd> Estándar o ninguno

<del> Estándar o ninguno
<details> open Nueva etiqueta
<dialog> Atributos globales Nueva etiqueta
<dir> Etiqueta eliminada
<div> Estándar o ninguno
<dfn> Estándar o ninguno
<dl> Estándar o ninguno
<dt> Estándar o ninguno
<em> Estándar o ninguno
height | src | type |

<embed> Nueva etiqueta
width
<fieldset> Estándar o ninguno
<figure> Atributos globales Nueva etiqueta
<font> Etiqueta eliminada
<footer> Atributos globales Nueva etiqueta
<form> Estándar o ninguno
<frame> Etiqueta eliminada
<frameset> Etiqueta eliminada
<h1>... <h6> Estándar o ninguno
<head> Estándar o ninguno

<header> Atributos globales Nueva etiqueta
hgroup se añadió a la especificación HTML5, pero ahora

<hgroup>
está obsoleta.4 Usar <header>
<hr> Ninguno Etiqueta cambiada
<html> Estándar o ninguno
<i> Ninguno Etiqueta cambiada
<iframe> Estándar o ninguno
<img> Estándar o ninguno
accept | alt | auto-

complete | autofocus
| cheked | disabled |
form | formaction |
formenctype |
formmethod |
formnovalidate |
<input> formtarget | height | Etiqueta cambiada: Añadidos 13 elementos a type
list | max | maxlength
| min | multiple |
name | pattern |
placeholder |
readonly | required |
size | src | step | type
| value | width
<ins> Estándar o ninguno
<isindex> Etiqueta eliminada
<kbd> Estándar o ninguno

<label> Estándar o ninguno
<legend> Estándar o ninguno
<li> Estándar o ninguno
<link> Estándar o ninguno
<mark> Atributos globales Nueva etiqueta
<map> Estándar o ninguno
<menu> Estándar o ninguno
<meta> Estándar o ninguno
high | low | max | min

<meter> Nueva etiqueta
| optimum | value
<nav> Atributos globales Nueva etiqueta
<noframes> Etiqueta eliminada
<noscript> Estándar o ninguno
<object> Estándar o ninguno
<ol> Estándar o ninguno
<optgroup> Estándar o ninguno
<option> Estándar o ninguno
<output> form Nueva etiqueta
<p> Estándar o ninguno
<param> Estándar o ninguno

<pre> Estándar o ninguno
<progress> max | value Nueva etiqueta
<q>
<ruby> cite Nueva etiqueta
<rp> Atributos globales Nueva etiqueta
<rt> Atributos globales Nueva etiqueta
<s> Etiqueta eliminada
<samp> Estándar o ninguno
<script> Estándar o ninguno
<section> cite Nueva etiqueta
<select> Estándar o ninguno
<small> Atributos globales Etiqueta Cambiada
<source> media | src | type Nueva etiqueta
<span> Estándar o ninguno
<strike> Etiqueta eliminada
<strong> Estándar o ninguno
<style> Estándar o ninguno
<sub> Estándar o ninguno
<sup> Estándar o ninguno

<table> Estándar o ninguno
<tbody> Estándar o ninguno
<td> Estándar o ninguno
<textarea> Estándar o ninguno
<tfoot> Estándar o ninguno
<th> Estándar o ninguno
<thead> Estándar o ninguno
<time> datetime | pubdate Nueva etiqueta
<title> Estándar o ninguno
<tr> Estándar o ninguno
<tt> Etiqueta eliminada
Define texto que

debe tener un estilo
<u>
diferente del texto
normal5
<ul> Estándar o ninguno
<var> Estándar o ninguno
src | poster |
autobuffer | autoplay
<video> Nueva etiqueta
| loop | controls |
width | height
<xmp> Etiqueta eliminada

Si queremos saber qué es HTML5 lo primero que tenemos que hacer es ir a un navegador
ya sea Google Chrome, Firefox y el menos recomendado Internet Explorer. Sobre la página
web que queremos ver el código, encima del fondo, pulsar el botón derecho y habrá alguna
opción donde ponga mostrar el código.
En Chrome, el navegador recomendado desde Programarfacil, está la opción de Ver

código fuente de la página.
Con esto podremos ver el código fuente de cualquier página. Recuerda que el único código
que podemos ver a través de nuestro navegador es HTML5, CSS y JavaScript. Cualquier
otro código del Backend como PHP, Java o C#, será interpretado por el servidor y traducido
a estos lenguajes del Frontend.
Una página básica de HTML5 sería la siguiente.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>Título de la página, aparece en la pestaña del navegador.</title>
5 </head>
6 <body>
7
8 <h1>Esto es un titulo</h1>
9
10 <p>Esto es un parrafo. Aqui escribimos informacion.</p>
11 <a href="https://programarfacil.com">Esto es un enlace a la web.</a>
12
13 </body>
14 </html>
Si copias el código anterior, lo pegas en el Notepad de Windows, o cualquier otro editor de
texto, y lo guardas con extensión .html o .htm podrás abrirlo en cualquier navegador. El
se encargará de interpretar el HTML5 y mostrarte una página web.
En Chrome tenemos una segunda opción para ver el código fuente y además lo podemos
modificar en el momento. Solo tenemos que ponernos encima de un elemento como un
botón, una imagen o un enlace y pulsar el botón derecho de nuestro ratón. Dentro de las
opciones seleccionamos Inspeccionar elemento.
Una vez pulsada esta opción se nos abre una pantalla donde podemos ver el código HTML5
y el CSS asociado. Como ya se ha comentado podemos cambiar el código y probar como
quedaría. Podéis hacer la prueba por ejemplo con Google. Puedes cambiar el logo de
google con tu logo :).
HTML5 y las etiquetas
Lo más importante dentro de este meta lenguaje, son las etiquetas. Ellas nos permitirán
situar y colocar los diferentes componentes dentro de la página web. Te recomiendo que
eches un vistazo a la web de referecia W3 School, donde encontrarás casi todas con
ejemplos y una descripción.
Dentro del HTML tenemos muchas etiquetas. Ya has visto algunas de las más simples, en
la web básica que he creado. Pero existen infinidad de ellas para usos diversos. Las más
importantes son:
 <!DOCTYPE html>
Informa del tipo de documento, en este caso HTML.
 <html></html>
Engloba todo el código de nuestra página. Es la etiqueta principal.
 <head></head>
Indica que esto es la cabecera. Dentro de estas etiquetas se meterá información no
visual salvo el título de la página. Aquí irían todos los enlaces a nuestros archivos
CSS y Javascript aunque es recomendable cargar estos archivos al final de nuestro
archivo HTML. Esto es debido a la optimización de la carga de nuestra web.
 <title></title>
Título de la página. Es lo que aparece en la pestaña del navegador.
 <body></body>
Quizás la etiqueta más importante que tiene HTML. Dentro de esta etiqueta vamos a
meter todos los elementos visuales de nuestra web.
Dependerá de lo que quieras hacer en tu página web, deberá utilizar unas etiquetas u otras.
Con estas etiquetas básias y alguna más, serás capaz de hacer un documento HTML
perfectamente operativo.
odos los elementos del estandar HTML5 están listados aquí, descritos por su etiqueta de
apertura y agrupados por su función. Contrariamente al indice de elementos HTML el cual
lista todas las posibles etiquetas, estandar, no-estandar, válidas, obsoletas o aquellas en
desuso, esta lista solamente los elementos válidos de HTML5. Solamente aquellos
elementos listados aquí son los que deberían ser usados en nuevos sitios Web.
El simbolo indica que el elemento fue añadido en HTML5. Nótese que otros elementos
listados aqui pueden haber sido modificados o extendido en su significado por la
especificación HTML5.
Elemento raíz
Elemento Descripcion
<!doctype html> Define que el documento esta bajo el estandar de HTML 5
Elemento Descripción
<html> Representa la raíz de un documento HTML o XHTML. Todos los demás elementos deben ser
Metadatos del documento
<head> Representa una colección de metadatos acerca del documento, incluyendo enlaces a, o definic
Define el título del documento, el cual se muestra en la barra de título del navegador o en las p
<title>
texto y cualquier otra etiqueta contenida no será interpretada.
<base> Define la URL base para las URLs relativas en la página.

<link> Usada para enlazar JavaScript y CSS externos con el documento HTML actual.
<meta> Define los metadatos que no pueden ser definidos usando otro elemento HTML.
<style> Etiqueta de estilo usada para escribir CSS en línea.
Scripting
<script> Define ya sea un script interno o un enlace hacia un script externo. El lenguaje de programa
<noscript> Define un contenido alternativo a mostrar cuando el navegador no soporta scripting.
Secciones
<body> Representa el contenido principal de un documento HTML. Solo hay un
Define una sección en un documento.

<section>
Define una sección que solamente contiene enlaces de navegación

<nav>
Define contenido autónomo que podría existir independientemente del r

<article>
Define algunos contenidos vagamente relacionados con el resto del cont

<aside> restante seguirá teniendo sentido
Los elemento de cabecera implementan seis niveles de cabeceras de

<h1>,<h2>,<h3>,<h4>,<h5>,<h6>
de menor impotancia. Un elemento de cabecera describe brevemente e
Define la cabecera de una página o sección. Usualmente contiene un

<header> navegación de contenidos.
Define el pie de una página o sección. Usualmente contiene un mensa

<footer> información legal o direcciones para dar información de retroalimentació
<address> Define una sección que contiene información de contacto.
Define el contenido principal o importante en el documento. Solamente

<main>
Agrupación de Contenido
<p> Define una parte que debe mostrarse como un párrafo.

<hr> Representa un quiebre temático entre parrafos de una sección o articulo o cualqu
<pre> Indica que su contenido esta preformateado y que este formato debe ser preserv
<blockquote> Representa una contenido citado desde otra fuente.
<ol> Define una lista ordenada de artículos.
<ul> Define una lista de artículos sin orden.
<li> Define un artículo de una lista ennumerada.
<dl> Define una lista de definiciones, es decir, una lista de términos y sus definiciones
<dt> Representa un término definido por el siguiente <dd>.
<dd> Representa la definición de los terminos listados antes que él.
Representa una figura ilustrada como parte del documento.

<figure>
Representa la leyenda de una figura.

<figcaption>
<div> Representa un contenedor genérico sin ningún significado especial.
Semántica a nivel de Texto

<a> Representa un hiperenlace , enlazando a otro recurso.
<em> Representa un texto enfatizado , como un acento de intensidad.
<strong> Representa un texto especialmente importante .
Representa un comentario
aparte , es decir, textos como
un descargo de
<small> responsabilidad o una nota de
derechos de autoría, que no
son esenciales para la
comprensión del documento.
<s> Representa contenido que ya no es exacto o relevante .
<cite> Representa el título de una obra .
<q> Representa una cita textual inline.
Representa un término cuya definición está contenida en su contenido ancestro más

<dfn>
próximo.
Representa una abreviación o un acrónimo ; la expansión de la abreviatura puede

<abbr>
ser representada por el atributo title.
Asocia un equivalente legible por máquina a sus contenidos. (Este elemento está
sólamente en la versión de la WHATWG del estandar HTML, y no en la versión de
<data>
la W3C de HTML5).
Representa un valor de fecha y hora; el equivalente legible por máquina puede ser
<time> representado en el atributo datetime.
<code> Representa un código de ordenador .
Representa a una variable, es decir, una expresión matemática o contexto de

programación, un identificador que represente a una constante, un símbolo que
<var>
identifica una cantidad física, un parámetro de una función o un marcador de posición
en prosa.
<samp> Representa la salida de un programa o un ordenador.
Representa la entrada de usuario, por lo general desde un teclado, pero no

<kbd> necesariamente, este puede representar otras formas de entrada de usuario, como
comandos de voz transcritos.
<sub>,<sup> Representan un subíndice y un superíndice, respectivamente.
Representa un texto en una voz o estado de ánimo alterno, o por lo menos de

<i> diferente calidad, como una designación taxonómica, un término técnico, una frase
idiomática, un pensamiento o el nombre de un barco.
Representa un texto hacia el cual se llama la atención para propósitos utilitaros. No

<b>
confiere ninguna importancia adicional y no implica una voz alterna.
Representa una anotación no textual sin-articular, como etiquetar un texto como mal
<u>
escrito o etiquetar un nombre propio en texto en Chino.
Representa texto resaltado con propósitos de referencia, es decir por su relevancia

<mark> en otro contexto.
Representa contenidos a ser marcados con anotaciones ruby, recorridos cortos de

texto presentados junto al texto. Estos son utilizados con regularidad en conjunto a
<ruby>
lenguajes de Asia del Este, donde las anotaciones actúan como una guía para la
pronunciación, como el furigana Japonés.
Representa el texto de una anotación ruby .

<rt>
Representa los paréntesis alrededor de una anotación ruby, usada para mostrar la
anotación de manera alterna por los navegadores que no soporten despliegue
<rp>
estandar para las anotaciones.
Representa un texto que debe ser aislado de sus alrededores para el formateado
bidireccional del texto. Permite incrustar un fragmento de texto con una
<bdi>
direccionalidad diferente o desconocida.
Representa la direccionalidad de sus descendientes con el fin de anular de forma

<bdo>
explícita al algoritmo bidireccional Unicode.
Representa texto sin un significado específico. Este debe ser usado cuando ningún
<span> otro elemento semántico le confiere un significado adecuado, en cuyo caso,
provendrá de atributos globales como class, lang, o dir.
<br> Representa un salto de línea.
Representa una oportunidad de salto de línea, es decir, un punto sugerido de

envoltura donde el texto de múltiples líneas puede ser dividido para mejorar su
<wbr>
legibilidad.
Ediciones
<ins> Define una adición en el documento.
<del> Define una remoción del documento.
Contenido incrustado
<img> Representa una imagen.
<iframe> Representa un contexto anidado de navegación, es decir, un documento HTML embebido
Representa un punto de integración para una aplicación o contenido interactivo externo qu

<embed>
Representa un recurso externo, que será tratado como una imagen, un sub-documento H
<object>
un plugin.
<param> Define parámetros para el uso por los plugins invocados por los elementos <object>.
Representa un video , y sus archivos de audio y capciones asociadas, con la interfaz nece
<video>
Representa un sonido o stream de audio.

<audio>
Permite a autores especificar recursos multimedia alternativos para los elementos multime
<source>
Permite a autores especificar una pista de texto temporizado para elementos multimedia c
<track>
Representa un área de mapa de bits en el que se pueden utilizar scripts para renderiza
<canvas> cualquier imagen visual al vuelo.
<map> En conjunto con <area>, define un mapa de imagen.
<area> En conjunto con <map>, define un mapa de imagen.
Define una imagen vectorial embebida.

<svg>
Define una fórmula matemática.

<math>
Datos tabulares
<table> Representa datos con más de una dimensión.
<caption> Representa el título de una tabla.
<colgroup> Representa un conjunto de una o más columnas de una tabla.

<col> Representa una columna de una tabla.
<tbody> Representa el bloque de filas que describen los datos contretos de una tabla.
<thead> Representa el bloque de filas que describen las etiquetas de columna de una tabla.
<tfoot> Representa los bloques de filas que describen los resúmenes de columna de una tabla
<tr> Representa una fila de celdas en una tabla.
<td> Representa una celda de datos en una tabla.
<th> Representa una celda encabezado en una tabla.
Formularios
<form> Representa un formulario, consistendo de controles que puede ser enviado a un serv
<fieldset> Representa un conjunto de controles.

<legend> Representa el título de un <fieldset>.
<label> Representa el título de un control de formulario.
<input> Representa un campo de datos escrito que permite al usuario editar los datos.
<button> Representa un botón .
<select> Representa un control que permite la selección entre un conjunto de opciones.
Representa un conjunto de opciones predefiniddas para otros controles.

<datalist>
<optgroup> Representa un conjunto de opciones, agrupadas lógicamente.
<option> Representa una opción en un elemento <select>, o una sugerencia de un elemento <
<textarea> Representa un control de edición de texto multi-línea.
Representa un control de par generador de llaves.

<keygen>
Representa el resultado de un cálculo.

<output>
Representa el progreso de finalización de una tarea.

<progress>
Representa la medida escalar (o el valor fraccionario) dentro de un rango conocido.

<meter>
Elementos interactivos
Representa un widget desde el que un usuario puede obtener información o contr

<details>
Representa un resumen, título o leyenda para un elemento <details> dado.

<summary>
Representa un comando que un usuario puede invocar.

<command>
Representa una lista de comandos .

<menu>

HTML5 Introduccion

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

HTML5 Introduccion

Cargado por

Copyright:

Formatos disponibles

HTML5

HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del

Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se

Algunas de las nuevas características de HTML5 serían:

 Nuevas etiquetas semánticas para estructurar los documentos HTML, destinadas a

 Los nuevos elementos multimedia como <audio> y <video>.

 La integración de gráficos vectoriales escalables (SVG) en sustitución de los

 El cambio, redefinición o estandarización de algunos elementos,

 MathML para fórmulas matemáticas.

 Almacenamiento local en el lado del cliente.

1.2.1 HTML5 ES API

1.2.2 NO HAY QUE TIRAR NADA A LA BASURA

1.2.3 FÁCIL DE COMENZAR

La actualización al doctype HTML5 no rompe el marcado existente, ya que los elementos

1.2.4 ¡YA FUNCIONA!

Si se quiere dibujar en un lienzo, reproducir vídeo, diseñar mejores formas, o construir

1.2.5 HA VENIDO PARA QUEDARSE

 HTML Microdata - HTML WG

 HTML Canvas 2D Context - HTML WG

 HTML5 Web Messaging - Web Apps WG

 Web Storage - Web Apps WG

 The WebSocket API - Web Apps WG

 The WebSocket Protocol - IETF HyBi WG

 Server-Sent Events - Web Apps WG

 WebVTT - W3C Web Media Text Tracks CG

HTML5 como estándar del desarrollo web

Antes de comenzar a ver las la últimas novedades de HTML5, es importante conocer

DIFERENCIAS ENTRE HTML5 Y HTML4/XHTML

Artículo principal: Anexo:Etiquetas HTML/XHTML

Estándar o ninguno

<!DOCTYPE> Estándar o ninguno

href | target | rel |

<acronym> Etiqueta Eliminada

<address> Estándar o ninguno

<applet> Etiqueta eliminada

<area> Estándar o ningunos

<article> Atributos globales Nueva etiqueta

<aside> Atributos globales Nueva etiqueta

<b> Atributos globales Etiqueta cambiada

<base> Estándar o ninguno

<basefont> Etiqueta eliminada

<bdo> Estándar o ninguno

<big> Etiqueta eliminada

<blockquote> Estándar o ninguno

<body> Estándar o ninguno

<br> Estándar o ninguno

<button> Estándar o ninguno

<canvas> height | width Nueva etiqueta

<caption> Estándar o ninguno

<center> Etiqueta eliminada

<cite> Atributos globales Etiqueta cambiada

<code> Estándar o ninguno

<col> Estándar o ninguno

<colgroup> Estándar o ninguno

<datalist> Atributos globales Nueva etiqueta

<dd> Estándar o ninguno

<details> open Nueva etiqueta

<dialog> Atributos globales Nueva etiqueta

<dir> Etiqueta eliminada

<div> Estándar o ninguno

<dfn> Estándar o ninguno

<dl> Estándar o ninguno

<dt> Estándar o ninguno