Crea tu Web: Indice de diseño

Indice Visión general Previos Estructura Diseño Herramientas Recursos

Nuevos elementos en HTML 5
  Los cambios habidos en internet desde 1999 hacen que muchos elementos de HTML 4.01 haya quedado obsoletos o se usen para fines distintos a los encomendados. Por eso aparece la nueva versión de este lenguaje: HTML 5, más adaptada a las nuevas posibilidades de internet, mejorando la estructura de páginas, el manejo de elementos multimedios o de formularios.

Nuevos Elementos que afectan a la estructura

 
Etiqueta

Descripción

<article>

Para marcar contenido independiente dentro de una página, que por tanto puede ser extraído y distribuído independientemente del resto del sitio.

<aside>

Define un bloque de contenido relacionado con el contenido principal que lo rodea, pero que no es esencial para el flujo del mismo.

<bdi>

Para texto cuya dirección no va de acuerdo con el texto en el que se encuentra o con su elemento contendeor

<command>

A button, or a radiobutton, or a checkbox

<details>

For describing details about a document, or parts of a document

<summary>

A caption, or summary, inside the details element

<figure>

Se usan para encapsular una figura como un único elemento, puede ser un video

<figcaption>

Contiene el título de una figura <figure>.

<footer>

 Contiene el pie de página de un sitio

<header>

Se utiliza para contener la cabecera de un sitio. Puede incluir elementos de navegación.

<hgroup>

Se utiliza para incluir un encabezado jerarquizado, usando <h1> a <h6>, donde el mayor es el encabezado principal y el restos son sub encabezados

<mark>

Para texto resaltado

<meter>

For a measurement, used only if the maximum and minimum values are known

<nav>

Contiene la funcionalidad de navegación para la página

<progress>

The state of a work in progress

<ruby>

Para anotaciones ruby (notas o caracteres en chino)

<rt>

Para explicar una anotación <ruby>

<rp>

Lo que muestran los navegadores que no aceptan el elemento <ruby>

<section>

Se utiliza bien para agrupar apartados o secciones  dentro de un documento.

<time>

se usa para marcar tiempos y/o fechas

<wbr>

Posible separador de palabra. Para ser usado en los cambios de linea.

Nuevos elementos para multimedia
 
Tag

Description

<audio>

Marca de contenido sonoro

<video>

Marca para contenido de video

<source>

Recursos multimedia para elementos multimedia definidos dentro de las etiquetas <audio> o <video>

<embed>

Para elementos embebidos como los plug-in

<track>

Para pista de texto en in reproductores multimedia

Canvas
Elemento usado para hacer dibujos en la página web mediante Javascript
 
Tag

Description

<canvas>

Para realizar gráficos con un script

Nuevos elementos para formularios
 
Tag

Description

<datalist>

Lista de opciones para un campo input

<keygen>

Generar claves para usuarios registrados

<output>

Tipos de salida, como la escrita por un  script


Type

Description (aplicado a valores de campo input)

tel

Dato tipo número de teléfono

search

Campo de búsqueda

url

Para un dirección URL

email

Una o más direcciones email

datetime

Dato tipo fecha y/o hora

date

Campo fecha

month

Campo mes

week

Campo para semana

time

Cualquier dato de hora

datetime-local

Hora/fecha local

number

Dato numérico

range

Número en un rango especificado

color

Dato hexadecimal (ejemplo #FF8800)

placeholder

Pequeña ayuda para describir el tipo de dato esperado en un elemento  input

Diseño Web | Plantillas Web | Guia de Estilo | Lenguaje HTML

Comunidad Virtual. Alojamiento web gratis