Referencia Etiquetas HTML5

Referencia Etiquetas HTML5

Etiqueta    Descripción

<!–…–>    Especifica un comentario
<!DOCTYPE>     Especifica tipo de documento
<a>    Especifica una liga
<abbr>    Especifica una Abreviatura
<acronym>    Etiqueta en desuso: Especifica un acrónimo, siglas
<address>    Especifica un elemento de dirección
<applet>    Etiqueta en desuso: Especifica un applet
<area>    Especifica un área dentro de un image map
<article>    Nueva Etiqueta: Especifica una parte independiente de contenido en el documento, como en un blog o un artículo de periódico.
<aside>    Nueva Etiqueta: Especifica un contenido independiente que es ligeramente relacionado al resto de la página.
<audio>    Nueva Etiqueta:Especifica un archivo de audio.
<base>    Especifica una URL base para todas las ligas de la página
<basefont>    Etiqueta en desuso: Especifica un tipo de letra base
<bdo>    Especifica la dirección del texto que se muestra
<bgsound>    Especifica música de fondo
<blink>    Especifica un texto que parpadea
<blockquote>    Especifica una cita larga
<body>    Especifica el elemento body de la página
<br>    Inserta un espacio de linea
<button>    Especifica un botón
<canvas>     Nueva Etiqueta: Es utilizado para reproducir gráficas bitmap dinámicamente, tales como gráficas y juegos.
<caption>    Especifica a leyenda de una tabla
<center>    Etiqueta en desuso: Especifica texto centrado
<col>    Especifica atributo para columnas de tablas
<colgroup>    Especifica grupo de columnas de tabla
<command>    Nueva Etiqueta: Especifica un comando que el usuario puede utilizar.
<comment>    Coloca un comentario en un documento
<datalist>    Nueva Etiqueta: Conjuntamente con un atributo new list puede utilizarse para crear comboboxes
<dd>    Especifica la descripción de una definición
<del>    Especifica un texto eliminado
<details>    Nueva Etiqueta: Especifica información adicional o controles que el usuario puede obtener.
<dir>    Etiqueta en desuso: Especifica una lista de directorio
<div>    Especifica una sección en un documento
<dl>    Especifica una lista de definición
<dt>    Especifica un término de definición
<embed>    Nueva Etiqueta: Define un contenido interactivo externo o plugin.
<fieldset>    Especifica un fieldset
<figure>    Nueva Etiqueta: Especifica una parte de auto-contenido.
<b>    Especifica negritas en el texto
<big>    Etiqueta en desuso: Especifica texto grande
<i>    Especifica texto en cursiva
<small>    Especifica texto pequeño
<tt>    Etiqueta en desuso: Especifica texto teletipo
<font>    En desuso: Especifica tipo de letra, tamaño y color
<footer>    Nueva Etiqueta: Especifica un pie de página para una sección y puede contener información sobre el autor, de derechos, etc.
<form>    Especifica una forma
<frame>    Etiqueta en desuso: Especifica una sub ventana (un marco ó frame)
<frameset>    Etiqueta en desuso: Especifica un grupo de marcos o frames
<head>    Especifica información sobre un documento ó página
<header>    Nueva Etiqueta: Especifica un grupo de ayuda navegacional introductoria.
<hgroup>    Nueva Etiqueta: Especifica el encabezado de una sección.
<h1> a <h6>    Especifica encabezado 1 a encabezado 6
<hr>    Especifica una línea horizontal
<html>    Especifica un documento html
<isindex>    Etiqueta en desuso: Especifica un campo de entrada de texto de una línea
<iframe>    Especifica una subventana interna (marco)
<ilayer>    Especifica una capa interna
<img>    Especifica una imagen
<input>    Especifica un campo de entrada
<ins>    Especifica texto insertado
<keygen>    Nueva Etiqueta: Especifica control para generación de pares clave.
<label>    Especifica una etiqueta para control de una forma
<layer>    Especifica una capa
<legend>    Especifica un título para un fieldset
<li>    Especifica un elemento de lista
<link>    Especifica una referencia
<map>    Especifica un mapa para imagen
<mark>    Nueva Etiqueta: Especifica un texto a ejecutar en un documento marcado sólo para efectos de referencia, debido a la relevancia en otro contexto.
<marquee>    Crea un texto rotando para un marquee
<menu>    Etiqueta en desuso: Especifica un menú de lista
<meta>    Especifica información meta
<meter>    Nueva Etiqueta: Especifica una medida, por ejemplo, el uso de disco duro.
<multicol>    Especifica un texto fluyendo en multicolumna
<nav>    Nueva Etiqueta: Especifica una sección para navegación en el documento.
<nobr>    No se permiten saltos en el texto encapulado
<noembed>    Especifica contenido para los navegadores que no soportan la etiqueta <embed>
<noframes>    Etiqueta en desuso: Especifica una sección noframe
<noscript>    Especifica una sección noscript
<object>    Especifica un objeto insertado
<ol>    Especifica una lista ordenada
<optgroup>    Especifica un grupo de opciones
<option>    Especifica una opción en una lista desplegable
<output>    Nueva Etiqueta: Especifica algún tipo de resultado, por ejemplo un cálculo realizado en la pantalla.
<p>    Especifica un párrafo
<param>    Especifica un parámetro para un objeto
<cite>    Especifica una cita o extracto
<code>    Especifica texto de código de computadora
<dfn>    Especifica una definición de algún término
<em>    Especifica texto enfatizado
<kbd>    Especifica texto de teclado
<samp>    Especifica ejemplo de código computadora
<strong>    Especifica texto resaltado
<var>    Especifica una variable
<plaintext>    Etiqueta en desuso: texto preformateado como texto plano en un documento
<pre>    Especifica texto preformateado
<progress>    Nueva Etiqueta: Especifica si una tarea ha sido completada, tales como la descarga de documentos o ejecución de tareas varias.
<q>    Especifica una cita corta
<ruby>    Nueva Etiqueta: Conjuntamente con <rt> y <rp> permiten hacer anotaciones para ruby.
<script>    Especifica un script
<section>    Nueva Etiqueta: Representa un documento genérico o sección de aplicación.
<select>    Especifica una lista seleccionable
<spacer>    Especifica espacio en blanco
<span>    Especifica una sección en un documento
<s>    Etiqueta en desuso: Especifica texto tachado
<strike>    Etiqueta en desuso: Especifica texto tachado
<style>    Especifica una definición de estilo
<sub>    Especifica texto subscript
<sup>    Especifica texto superscrip
<table>    Especifica una tabla
<tbody>    Especifica cuerpo de tabla
<td>    Especifica una celda de tabla
<textarea>    Especifica un área de texto
<tfoot>    Especifica pie de tabla
<th>    Especifica encabezado de tabla
<thead>    Especifica encabezado de tabla
<time>    Nueva Etiqueta: Especifica fecha y/o hora.
<title>    Especifica el título de un documento o página
<tr>    Especifica a linea de tabla
<u>    Etiqueta en desuso: Especifica texto subrayado
<ul>    Especifica una lista no ordenada
<video>    Nueva Etiqueta:Especifica un archivo de video.
<wbr>    Nueva Etiqueta: Especifica una oportunidad de quiebre de línea.
<wbr>    Indica un punto potencia de quiebre de palabra dentro una sección <nobr>
<xmp>    Etiqueta en desuso: Especifica texto preformateado

 

Etiquetas que cayeron en desuso

Los elementos siguientes ya no están disponibles para HTML5 y su funcionalidad debe manejarse con CSS.
Etiquetas     Descripción
<acronym>    Define un acrónimo, lista
<applet>     Define un applet
<basefont>    Define un tipo de letra base para la página
<big>    Define texto grande
<center>    Define texto centrado
<dir>    Define un listado de directorio
<font>    Define tipo de letra, tamaño y color
<frame>     Define un marco ó frame
<frameset>     Defines un grupo de marcos, frames
<isindex>     Define un campo de entrada de texto de una línea
<noframes>    Define sección noframe
<s>     Define texto eliminado
<strike>
    Define texto eliminado
<tt>    Define texto teletipo
<u>     Define texto subrayado

Atributos que cayeron en desuso

Algunos atributos de HTML4 no son más utilizados en HTML5 y han sido completamente removidos . A continuación tienes una tabla de los atributos removidos y su correspondiente impacto en las etiquetas.

Atributos   Etiquetas
rev    – link, a
charset  –   link y a
shape   –   a
coords   –   a
longdesc   –   img y iframe.
target   –   link
nohref   –   area
profile   –   head
version    –   html
name   –   img
scheme   –   meta
archive   –  object
classid  –  object
codebase  –  object
codetype  –  object
declare   –  object
standby   –   object
valuetype   –   param
type    –   param
axis   –   td y t
abbr   –   td y t
scope   –   td
align   –   caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead and tr.
alink  –   body
link   –  body
vlink   –   body
text   –   body
background   –   body
bgcolor  –   table, tr, td, th y body.
border  –   table y object.
cellpadding   –   table
cellspacing   –   table
char   –  col, colgroup, tbody, td, tfoot, th, thead y tr.
charoff    –  col, colgroup, tbody, td, tfoot, th, thead y tr.
clear   –   br
compact   –   dl, menu, ol y ul.
frame  –   table
compact   –   dl, menu, ol y ul.
frame   –  table
frameborder   –   iframe
hspace   –   img y object
vspace    –  img y object.
marginheight   –  iframe
marginwidth   –   iframe
noshade   –   hr
nowrap   –   td and th
rules  –   table
scrolling   –   iframe
size   –   hr
type   –   li, ol y ul.
valign   –   col, colgroup, tbody, td, tfoot, th, thead y tr
width   –   hr, table, td, th, col, colgroup y pre.

Las siguientes etiquetas son nuevas en HTML5

Etiqueta    Descripción
<article>    Especifica una parte independiente de contenido en el documento, como en un blog o un artículo de periódico.
<aside>    Especifica un contenido independiente que es ligeramente relacionado al resto de la página.
<audio>    Especifica un archivo de audio.
<canvas>     Es utilizado para reproducir gráficas bitmap dinámicamente, tales como gráficas y juegos.
<command>    Especifica un comando que el usuario puede utilizar.
<datalist>    Conjuntamente con un atributo new list puede utilizarse para crear comboboxes
<details>   Especifica información adicional o controles que el usuario puede obtener.
<embed>    Define un contenido interactivo externo o plugin.
<figure>    Especifica una parte de un flujo auto-contenido.
<footer>    Especifica un pie de página para una sección y puede contener información sobre el autor, de derechos, etc.
<header>    Especifica un grupo de ayuda navegacional introductoria.
<hgroup>    Especifica el encabezado de una sección.
<keygen>    Control para Generar información clave en una forma
<mark>    Especifica un texto a ejecutar en un documento marcado sólo para efectos de referencia, debido a la relevancia en otro contexto.
<meter>    Especifica una medida, por ejemplo, el uso de disco duro.
<nav>    Especifica una sección para navegación en el documento.
<output>    Especifica algún tipo de resultado, por ejemplo un cálculo realizado en la pantalla.
<progress>    Especifica si una tarea ha sido completada, tales como la descarga de documentos o ejecución de tareas varias.
<ruby>    Conjuntamente con <rt> y <rp> permiten hacer anotaciones para ruby.
<section>    Representa un documento genérico o sección de aplicación.
<time>    Especifica fecha y/o hora.
<video>    Especifica un archivo de vídeo.
<wbr>    Especifica una oportunidad de quiebre de línea.

Nuevos tipos para la etiqueta<input>

Los atributos para la etiqueta INPUT tiene los siguientes valores:

Tipo    Descripción
color    Selector de color, que puede ser representado por una rueda o por un selector
date    Selector para fecha en calendario
datetime-local    Fecha y hora display, con no configuración o indicación de zona horaria
datetime    Fecha y hora completo, incluyendo zona horaria
email    El dato colocado debe ser un email
month    Selector para un mes dentro de un año dado
number    Un campo que contiene un valor numérico solamente
range    Selector numérico dentro de un rango de valores, típicamente visualizado como slider
search    Palabra o frase proporcionada para un motor de búsqueda
tel    El dato colocado debe ser tipo teléfono
time    Indicador de hora y selector, sin información de zona horaria
url    El dato colocado deber una URL
week    Selector para una semana dentro de un año dado

No olvides visitarnos en nuestra tienda para hospedaje web y dominios, servicio eficiente y de calidad.