- Plantillas Web
- Plantillas E-commerce
- Plantillas de CMS y Blog
- Plantillas Facebook
- Constructor Web
Descripción de etiquetas de HTML 5
octubre 19, 2011
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
Etiqueta | Descripció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
Etiqueta | Descripció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
Etiqueta | Descripción |
---|---|
<canvas> | Para crear gráficos con un script |
Nuevos elementos de formulario
Etiqueta | Descripció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)
Tipo | Descripció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 |
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