Categories

Descripción de etiquetas de HTML 5

Chris Diaz octubre 19, 2011
Rating: 5.0. From 1 vote.
Please wait...

Internet ha cambiado mucho desde el momento cuando HTML 4.01 se convirtió en un estándar en 1999. Actualmente algunos elementos de HTML 4.01 son obsoletas, nunca utilizados, o no se usan de la manera premeditada. Para mejorar el formato (markup) de plantillas nuestros desarrolladores comenzaron a utilizar las etiquetas y técnicas de HTML5 – así que al revisar markup de páginas Usted puede notar algunas nuevas etiquetas. La siguiente tabla describe la funcionalidad de cada etiqueta HTML5 que puede encontrar en el código de nuestras plantillas.

Nuevos elementos de markup

EtiquetaDescripción
<article> Especifica el contenido independiente, autónomo, puede ser una noticia, artículo, entrada de blog, entrada de foro u otros artículos que pueden ser distribuidos de forma independiente del resto del sitio
<aside> Para el contenido aparte del contenido en lo que se coloca. El contenido ‘aparte’ debe estar relacionado con el contenido circundante
<bdi> Para el texto que no debe ser ligado a la dirección de texto de sus elementos primarios (parent)
<command> Un botón, o un 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 un resumen, en el interior del elemento de detalles
<figure> Para agrupar una sección de contenido independiente, puede ser un video
<figcaption> El título de la sección de figura
<footer> Para un pie de página de un documento o sección, puede incluir un nombre de autor, la fecha de documento, información de contacto, o información de derechos de autor
<header> Para una introducción de un documento o sección, puede incluir navegación
<hgroup> Para una sección de títulos, utilizando <h1> a <h6>, donde lo más grande es el título principal de la sección, y otros son sub-títulos
<mark> Para un texto que debe ser destacado (subrayado)
<meter> “> Para medida, se utiliza sólo si hay valores máximo y mínimo
<nav> Para una sección de navegación
<progress> Estado de un trabajo en progreso
<ruby> Para anotaciones de rubí/ruby (notas o caracteres chinos)
<rt> Para explicación de anotación de rubí/ruby
<rp> Lo que muestran los navegadores que no soportan el elemento de rubí/ruby
<section> Para una sección de documento. Tales como capítulos, encabezados, pies de página, o cualquier otra sección del documento
<time> Para definición de fecha u hora, o ambas cosas
<wbr> Para definición de una oportunidad de salto de línea

Nuevos elementos de media

EtiquetaDescripción
<audio> Para el contenido multimedia, sonidos, música u otro audio
<video> Para elcontenido de vídeo, como un clip u otras corrientes de vídeo
<source> Para recursos multimedia para los elementos de media, que son definidos dentro de los elementos de audio o video
<embed> Para el contenido integrado, como un plug-in
<track> Para pistas de texto utilizadas en MediaPlayers

Nuevos elementos de Media

EtiquetaDescripción
<canvas> Para crear gráficos con un script

Nuevos elementos de formulario

EtiquetaDescripción
<datalist> Una lista de opciones de valores de entrada
<keygen> Genera claves para autenticar usuarios
<output> Para diferentes tipos de producción (output), tales como producción escrita por un script

Nuevos valores de atributo de tipo de entrada (input)

TipoDescripción
tel un número de teléfono
search El campo de entrada es un campo de búsqueda
url El valor de entrada es URL
email El valor de entrada es una o más direcciones de correo electrónico
datetime El valor de entrada es una fecha y/o hora
date El valor de entrada es una fecha
month TEl valor de entrada es un mes
week El valor de entrada una semana
time El valor de entrada es un tipo de tiempo
datetime-local El valor de entrada es una fecha/hora local
number El valor de entrada es un número
range El valor de entrada es un número en un rango determinado
color El valor de entrada es un color hexadecimal, como #FF8800
placeholder Especifica una ayuda corta que describe el valor esperado de un campo de entrada

Esperamos que esta descripción será capaz de hacer su trabajo con las plantillas más fácil y cómodo

Esta entrada fue publicada el Trabajar con HTML y etiquetada html 5, tags. Agregar enlace permanente a marcadores.

Submit a ticket

Si Usted todavía no puede encontrar un tutorial suficiente para arreglar su problema, por favor use el siguiente enlace para enviar un ticket a nuestro equipo de soporte técnico. Nosotros enviaremos nuestra respuesta dentro de próximas 24 horas: Enviar un ticket

Chat en Vivo
We help you to choose the right product.