Nuevos elementos en HTML5
El Internet ha cambiado mucho desde HTML 4.01 se convirtió en un estándar en 1999.
Hoy en día, algunos elementos de HTML 4.01 se han quedado obsoletas, nunca utilizados, o no se usa la forma en que se pretende. Estos elementos se eliminan o se re-escrito en HTML5.
Para manejar mejor el uso actual de Internet, HTML5 incluye también nuevos elementos para una mejor estructura, el dibujo, el contenido de los medios de comunicación, y un mejor manejo de formularios.
Nuevo marcado de los elementos
Nuevos elementos para mejorar la estructura:
|
Etiqueta
|
Descripción
|
|
<article>
|
Especifica independiente, autónomo contenido,
podría ser una noticia, artículo, blog, foro, u otros artículos que pueden
ser distribuidos de forma independiente del resto del sitio.
|
|
<aside>
|
Para el contenido, aparte de los contenidos que
se coloca pulg El contenido de un lado deben estar relacionados con el
contenido circundante
|
|
<bdi>
|
Para el texto que no debería estar obligado a la
dirección de texto de los elementos de su padre
|
|
<comando>
|
Un botón o botón de radio, o una casilla de
verificación
|
|
<details>
|
Para describir los detalles de un documento, o
partes de un documento
|
|
<summary>
|
Un título o resumen, en el interior del elemento
de detalles
|
|
<figure>
|
Para la agrupación de una sección de contenido
independiente, podría ser un vídeo
|
|
<figcaption>
|
El título de la sección de la figura
|
|
<footer>
|
Por un pie de página de un documento o sección,
puede incluir el nombre del autor, la fecha del documento, información de
contacto, o la información de copyright
|
|
<header>
|
Para ver una introducción de un documento o
sección, puede incluir la navegación
|
|
<hgroup>
|
Para una sección de las partidas, utilizando
<h1> a <h6>, donde el más grande es el principal título de la
sección, y los otros son sub-títulos
|
|
<mark>
|
Para el texto que hay que destacar
|
|
<meter>
|
Para una medida, sólo si los valores máximo y
mínimo se conocen
|
|
<nav>
|
Para una sección de navegación
|
|
<progress>
|
El estado de un trabajo en progreso
|
|
<ruby>
|
Para la anotación de ruby (notas chinos o caracteres)
|
|
<rt>
|
Para la explicación de la anotación ruby
|
|
<rp>
|
Lo que muestran los navegadores que no soportan
el elemento de rubí
|
|
<section>
|
Para una sección de un documento. Tales como
capítulos, encabezados, pies de página, o cualquier otra sección del
documento
|
|
<hora>
|
Para la definición de un tiempo o una fecha, o
ambos
|
|
<wbr>
|
Separación de palabras. Para la definición
de una oportunidad de salto de línea.
|
Nuevos Medios Elementos
HTML5 ofrece un nuevo
estándar para el contenido de los medios de comunicación:
|
Etiqueta
|
Descripción
|
|
<audio>
|
Para los contenidos multimedia, sonidos, música u
otros flujos de audio
|
|
<video>
|
De contenido de vídeo, como un clip de película u
otras corrientes de vídeo
|
|
<source>
|
De los recursos multimedia para los elementos de
los medios de comunicación, que se define dentro de los elementos de audio o
vídeo
|
|
<embed>
|
De contenido integrado, como un plug-in
|
|
<track>
|
Para las pistas de texto utilizados en
MediaPlayers
|
El elemento Canvas
El elemento canvas
utiliza JavaScript para realizar dibujos en una página web.
|
Etiqueta
|
Descripción
|
|
<canvas>
|
Para hacer gráficos con un guión
|
Nuevos elementos de formulario
HTML5 ofrece más
elementos de formulario, con más funcionalidades:
|
Etiqueta
|
Descripción
|
|
<datalist>
|
Una lista de opciones de valores de entrada
|
|
<keygen>
|
Generar claves para autenticar a los usuarios
|
|
<output>
|
Para los diferentes tipos de producción, tales
como la producción escrita por un guión
|
Nueva entrada de valores de tipo de atributo
Además, atribuyen el
elemento de entrada de tipo tiene muchos nuevos valores, para el control de
entrada mejor antes de enviarlo al servidor:
|
Tipo
|
Descripción
|
|
tel
|
El valor de entrada es de tipo de número
telefónico
|
|
búsqueda
|
El campo de entrada es un campo de búsqueda
|
|
url
|
El valor de entrada es una URL
|
|
e-mail
|
El valor de entrada es una o más direcciones de
correo electrónico
|
|
fecha y hora
|
El valor de entrada es una fecha y / o tiempo
|
|
fecha
|
El valor de entrada es una fecha
|
|
mes
|
El valor de entrada es de un mes
|
|
semana
|
El valor de entrada es a la semana
|
|
tiempo
|
El valor de entrada es de tipo en tiempo de
|
|
fecha y hora local
|
El valor de entrada es una fecha / hora local
|
|
número
|
El valor de entrada es un número
|
|
alcance
|
El valor de entrada es un número en un rango
determinado
|
|
color
|
El valor de entrada es de un color hexadecimal,
como # FF8800
|
|
marcador de posición
|
Especifica una pista corta que
describe el valor esperado de un campo de entrada
|
