AE 1.3-Etiquetas en HTML5

Miguel Obed Quintana (13410189)

Osman Uziel Sotelo Chavez (12410475)

Resumen de nuebos elementos en HTML5

<ARTICLE>

La etiqueta <article> especifica contenido independiente y autónomo. Un artículo debería tener sentido por sí mismo y debería ser
posible distribuirlo independientemente del resto del sitio.
Fuentes potenciales para el elemento <article>:

Soporte del navegador

Atributos

La etiqueta <article> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <article> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchange Script que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessage Script que se ejecutará cuando el mensaje se active
onoffline Script que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de Codigo

<article>
<h1>Google Chrome</h1>
<p>Google Chrome es un navegador web gratuito y de código abierto desarrollado por Google, lanzado en 2008.</p>
</article>


Ir al Principio

<ASIDE>

La etiqueta <aside> define algún contenido aparte del contenido en el que se coloca.
El contenido a un lado debe estar relacionado con el contenido circundante.

Soporte del navegador

Atributos

La etiqueta <aside> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <aside> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchange Script que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessage Script que se ejecutará cuando el mensaje se active
onoffline Script que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de Codigo

<p>Mi familia y yo visitamos el centro de Epcot este verano.</p>
<aside>
<h4>Centro Epcot</h4>
<p>El Epcot Center es un parque temático en Disney World, Florida.</p>
</aside>

Ir al Principio

<AUDIO>

La etiqueta <audio> define el sonido, como música u otras transmisiones de audio.
Actualmente, hay 3 formatos de archivo compatibles para el elemento <audio>: MP3, Wav y Ogg:.

Soporte del navegador

Atributos

autoplayEspecifica que el audio comenzará a reproducirse tan pronto como esté listo
controlsEspecifica que se deben mostrar los controles de audio (como un botón reproducir / pausa, etc.)
loopEspecifica que el audio comenzará de nuevo, cada vez que se termine
mutedEspecifica que la salida de audio debe estar silenciada
preloadEspecifica si el autor piensa que el audio debería cargarse y cuándo lo hace cuando se carga la página
srcEspecifica la URL del archivo de audio


La etiqueta <audio> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <audio> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchange Script que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessage Script que se ejecutará cuando el mensaje se active
onoffline Script que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<audio controls> <source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Su navegador no admite la etiqueta de audio.
</audio>

Ir al Principio

<BDI>

BDI significa Aislamiento Bi-Direccional. La etiqueta <bdi> aísla una parte del texto que podría formatearse
en una dirección diferente a la de otro texto fuera de ella. Este elemento es útil cuando se incorpora contenido generado por el usuario con una direccionalidad desconocida.

Soporte del navegador

Atributos

La etiqueta <bdi> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <bdi> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchange Script que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessage Script que se ejecutará cuando el mensaje se active
onoffline Script que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<ul>
<li>User <bdi>hrefs</bdi>: 60 points</li>
<li>User <bdi>jdoe</bdi>: 80 points</li>
<li>User <bdi>إي>ن</bdi>: 90 points</li>
</ul>


Ir al Principio

<CANVAS>

La etiqueta <canvas> se usa para dibujar gráficos, sobre la marcha, a través de scripts (generalmente JavaScript). La etiqueta <canvas> es solo un contenedor para gráficos, debe usar un script para dibujar realmente los gráficos.

Soporte del navegador

Atributos

heightEspecifica la altura del lienzo
widthEspecifica el ancho del lienzo

Atributos

La etiqueta <canvas> también admite los Atributos de globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <canvas> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchange Script que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessage Script que se ejecutará cuando el mensaje se active
onoffline Script que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<canvas id="myCanvas"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 80, 80);
</script>


Ir al Principio

<DETALIST>

La etiqueta <datalist> especifica una lista de opciones predefinidas para un elemento <input>. La etiqueta <datalist> se usa para proporcionar una característica "autocompletar" en los elementos <input>. Los usuarios verán una lista desplegable de opciones predefinidas a medida que ingresan datos. Use el atributo de lista del elemento <input> para unirlo con un elemento <datalist>.

Soporte del navegador

Atributos

La etiqueta <datalist> también admite los Atributos de globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <datalist> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchange Script que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessage Script que se ejecutará cuando el mensaje se active
onoffline Script que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox"v
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>


Ir al Principio

<DETAILS>

La etiqueta <detalles> especifica detalles adicionales que el usuario puede ver u ocultar a pedido. La etiqueta <details> se puede usar para crear un widget interactivo que el usuario puede abrir y cerrar. Cualquier tipo de contenido puede colocarse dentro de la etiqueta <details>. El contenido de un elemento <details> no debería ser visible a menos que se establezca el atributo open.

Soporte del navegador

Atributos

La etiqueta <aside> también admite los atributos globales en HTML
openEspecifica que los detalles deben ser visibles (abiertos) para el usuario
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <aside> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchange Script que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessage Script que se ejecutará cuando el mensaje se active
onoffline Script que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>


Ir al Principio

<DIALOG>

La etiqueta <dialog> define un cuadro de diálogo o ventana. El elemento <dialog> facilita la creación de diálogos emergentes y modales en una página web.

Soporte del navegador

Atributos

La etiqueta <dialog> también admite los atributos globales en HTML
openEspecifica que los detalles deben ser visibles (abiertos) para el usuario
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <dialog> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<table>
<tr>
<th>January <dialog open>This is an open dialog window</dialog></th>
<th>February</th>
<th>March</th>
</tr>
<tr>
<td>31</td>
<td>28</td>
<td>31</td>
</tr>
</table>


Ir al Principio

<EMBED>

La etiqueta <embed> define un contenedor para una aplicación externa o contenido interactivo (un complemento).

Soporte del navegador

Atributos

height: Especifica la altura del contenido incrustado. src: Especifica la dirección del archivo externo para incrustar. type: Especifica el tipo de medio del contenido incrustado. width: Especifica el ancho del contenido incrustado.
La etiqueta <embed> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <embed> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<embed src="hola mundo.swf">


Ir al Principio

<FIGCAPTION>

La etiqueta <figcaption> define un título para un elemento <figure> . El elemento <figcaption> se puede colocar como el primer o último elemento secundario del elemento <figure>.

Soporte del navegador

Atributos

La etiqueta <figcaption> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <figcaption> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
<figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
</figure>


Ir al Principio

<FIGURE>

La etiqueta <figure> especifica contenido autónomo, como ilustraciones, diagramas, fotos, listas de códigos, etc. Si bien el contenido del elemento <figure> está relacionado con el flujo principal, su posición es independiente del flujo principal, y si se elimina, no debería afectar el flujo del documento.

Soporte del navegador

Atributos

La etiqueta <figure> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <figure> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>


Ir al Principio

<FOOTER>

La etiqueta <footer> define un pie de página para un documento o sección. Un elemento <footer> debe contener información sobre su elemento contenedor. Un elemento <footer> generalmente contiene: Puede tener varios elementos <footer> en un documento.

Soporte del navegador

Atributos

La etiqueta <footer> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <footer> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<footer>
<p>Posted by: Hege Refsnes</p>
<p>Contact information: <a href="mailto:someone@example.com">
someone@example.com</a>.</p>
</footer>


Ir al Principio

<HEADER>

El elemento <header> representa un contenedor para contenido introductorio o un conjunto de enlaces de navegación.
Un elemento <header> generalmente contiene: Nota: Una etiqueta <header> no puede colocarse dentro de un elemento <footer>, <address> u otro <header>.

Soporte del navegador

Atributos

La etiqueta <header> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <header> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<article>
<header>
<h1>Most important heading here</h1>
<h3>Less important heading here</h3>
<p>Some additional information here</p>
</header>
<p>Lorem Ipsum dolor set amet....</p>
</article>

Ir al Principio

<MAIN>

La etiqueta <main> especifica el contenido principal de un documento. El contenido dentro del elemento <main> debe ser exclusivo del documento.
No debe contener ningún contenido que se repita en documentos tales como barras laterales, enlaces de navegación, información de copyright, logotipos del sitio y formularios de búsqueda.
Nota: No debe haber más de un elemento <main> en un documento. El elemento <main> NO debe ser un descendiente de un elemento <article>, <aside>, <footer>, <header> o <nav>.

Soporte del navegador

Atributos

La etiqueta <main> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <main> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<main>
<h1>Web Browsers</h1>
<p>Google Chrome, Firefox, and Internet Explorer are the most used browsers today.</p>
<article>
<h1>Google Chrome</h1>
<p>Google Chrome is a free, open-source web browser developed by Google,
released in 2008.</p>
</article>
<article>
<h1>Internet Explorer</h1>
<p>Internet Explorer is a free web browser from Microsoft, released in 1995.</p>
</article>
<article>
<h1>Mozilla Firefox</h1>
<p>Firefox is a free, open-source web browser from Mozilla, released in 2004.</p>
</article>
</main>

Ir al Principio

<MARK>

La etiqueta <mark> define el texto marcado. Use la etiqueta <mark> si desea resaltar partes de su texto.

Soporte del navegador

Atributos

La etiqueta <mark> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <mark> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<p>Do not forget to buy <mark>milk</mark> today.</p>

Ir al Principio

<MENUITEM>

La etiqueta <menuitem> define un elemento de comando / menú que el usuario puede invocar desde un menú emergente.

Soporte del navegador

Atributos

checked: Especifica que el elemento de comando / menú debe verificarse cuando se carga la página. Solo para type = "radio" o type = "checkbox" command: default: Marca el elemento de comando / menú como un comando predeterminado. disabled: Especifica que el elemento de comando / menú debe estar deshabilitado. icon: Especifica un icono para el elemento de comando / menú. label: Necesario. Especifica el nombre del elemento de comando / menú, como se muestra al usuario. radiogroup: Especifica el nombre del grupo de comandos que se activará cuando se active o desactive el elemento del comando / menú. Solo para type = "radio". type: Specifies the type of command/menu item. Default is "command".

La etiqueta <menuitem> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <menuitem> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<menu type="context" id="mymenu">
<menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png">
</menuitem>
<menu label="Share on...">
<menuitem label="Twitter" icon="ico_twitter.png"
onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
</menuitem>
<menuitem label="Facebook" icon="ico_facebook.png"
onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
</menuitem>
</menu>
<menuitem label="Email This Page"
onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>

Ir al Principio

<METER>

La etiqueta <meter> define una medida escalar dentro de un rango conocido, o un valor fraccionario. Esto también se conoce como un indicador.
Ejemplos: uso de disco, la relevancia de un resultado de consulta, etc.
Nota: La etiqueta <meter> no se debe usar para indicar progreso (como en una barra de progreso). Para barras de progreso, use la etiqueta <progress> .

Soporte del navegador

Atributos

form: Especifica una o más formas a las que pertenece el elemento <meter>
high: Especifica el rango que se considera de alto valor
low: Especifica el rango que se considera de bajo valor
max: Especifica el valor máximo del rango
min: Especifica el valor mínimo del rango
optimum: Especifica qué valor es el valor óptimo para el indicador
value: Necesario. Especifica el valor actual del indicador

La etiqueta <meter> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <meter> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>

Ir al Principio

<NAV>

La etiqueta <nav> define un conjunto de enlaces de navegación.
Tenga en cuenta que NO todos los enlaces de un documento deben estar dentro de un elemento <nav>.
El elemento <nav> está destinado solo al bloque principal de enlaces de navegación .
Los navegadores, como los lectores de pantalla para usuarios con discapacidad, pueden usar este elemento para determinar si se omite la representación inicial de este contenido.

Soporte del navegador

Atributos

La etiqueta <nav> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <nav> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>

Ir al Principio

<OUTPUT>

La etiqueta <output> representa el resultado de un cálculo (como uno realizado por un script).

Soporte del navegador

Atributos

for:Especifica la relación entre el resultado del cálculo y los elementos utilizados en el cálculo.
form:Especifica una o más formas a las que pertenece el elemento de salida.
name:Especifica un nombre para el elemento de salida.


La etiqueta <output> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <output> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>

Ir al Principio

<PICTURE>

La etiqueta <picture> brinda a los desarrolladores web más flexibilidad para especificar los recursos de imágenes. El uso más común del elemento <picture> será para la dirección de arte en diseños receptivos. En lugar de tener una imagen que se amplía o reduce en función del ancho de la ventana gráfica, se pueden diseñar varias imágenes para llenar más fácilmente la ventana del navegador. El elemento <picture> contiene dos etiquetas diferentes: una o más etiquetas <origen> y una etiqueta <img> . El elemento <fuente> tiene los siguientes atributos:

• srcset (obligatorio): define la URL de la imagen para mostrar
• medios: acepta cualquier consulta de medios válida que normalmente se definiría en un CSS
• tamaños: define un descriptor de ancho único, una consulta de medio único con descriptor de ancho o una lista delimitada por comas de consultas de medios con un descriptor de ancho
• tipo - define el tipo MIME

El navegador usará los valores de los atributos para cargar la imagen más apropiada. El navegador utilizará el primer elemento <fuente> con una sugerencia coincidente e ignorará las siguientes etiquetas <origen>. El elemento <img> es requerido como la última etiqueta secundaria del bloque de declaración <picture>. El elemento <img> se usa para proporcionar compatibilidad con versiones anteriores para navegadores que no admiten el elemento <picture>, o si ninguna de las etiquetas <source> coincide. El elemento <picture> funciona de forma similar a los elementos <video> y <audio>. Configura diferentes fuentes y la primera fuente que se ajusta a las preferencias es la que se está utilizando.

Soporte del navegador

Atributos

La etiqueta <picture> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <picture> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<picture>
<source media="(min-width: 650px)" srcset="img_pink_flowers.jpg">
<source media="(min-width: 465px)" srcset="img_white_flower.jpg">
<img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>

Ir al Principio

<PROGRESS>

La etiqueta <progress> representa el progreso de una tarea.
Consejo: Use la etiqueta <progress> junto con JavaScript para mostrar el progreso de una tarea.

Soporte del navegador

Atributos

max:Especifica cuánto trabajo requiere la tarea en total.
value:Especifica qué parte de la tarea se ha completado.

La etiqueta <progress> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <progress> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<progress value="22" max="100"></progress>

Ir al Principio

<Rp>

La etiqueta <rp> se puede usar para proporcionar paréntesis alrededor
de un texto ruby, que se mostrará con los navegadores que no son
compatibles con las anotaciones ruby.
Utilice la etiqueta <rp> junto con las etiquetas <ruby> y <rt> :
el elemento <ruby> consiste en uno o más caracteres que necesitan una explicación / pronunciación, y un elemento <rt> que proporciona esa información,
y una elemento <rp> opcional que define qué mostrar para los navegadores que no son compatibles con las anotaciones ruby.

Soporte del navegador

Atributos

La etiqueta <rp> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <rp> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<ruby>
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>

Ir al Principio

<RT>

La etiqueta <rt> define una explicación o pronunciación de los caracteres (para la tipografía del este de Asia) en una anotación ruby.
Utilice la etiqueta <rt> junto con las etiquetas <ruby> y <rp> :
El elemento <ruby> consiste en uno o más caracteres que necesitan una explicación / pronunciación, y un elemento <rt> que proporciona esa información, y un elemento opcional <rp> que define qué mostrar para los navegadores que no son compatibles con las anotaciones ruby.

Soporte del navegador

Atributos

La etiqueta <rt> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <rt> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<ruby>
漢 <rt> ㄏㄢˋ </rt>
</ruby>

Ir al Principio

<RUBY>

La etiqueta <ruby> especifica una anotación Ruby. Una anotación de rubí es un pequeño texto adicional, adjunto al texto principal para indicar la pronunciación o el significado de los caracteres correspondientes.
Este tipo de anotación se usa a menudo en publicaciones japonesas. Utilice la etiqueta <ruby> junto con las etiquetas <rt> y / o <rp> :
el elemento <ruby> consiste en uno o más caracteres que necesitan una explicación / pronunciación, y un elemento <rt> que proporciona esa información, y un elemento opcional <rp> que define qué mostrar para los navegadores que no son compatibles con las anotaciones ruby.

Soporte del navegador

Atributos

La etiqueta <ruby> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <ruby> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<ruby>
漢 <rt> ㄏㄢˋ </rt>
</ruby>

Ir al Principio

<SECTION>

La etiqueta <section> define secciones en un documento, como capítulos, encabezados, pies de página o cualquier otra sección del documento.

Soporte del navegador

Atributos

La etiqueta <section> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <section> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<section>
<h1>WWF</h1>
<p>The World Wide Fund for Nature (WWF) is....</p>
</section>

Ir al Principio

<SOURCE>

La etiqueta <source> se usa para especificar múltiples recursos multimedia para elementos multimedia, como <video>, <audio> y <picture>.
La etiqueta <source> le permite especificar archivos alternativos de video / audio / picture de los cuales el navegador puede elegir, en función de su tipo de medio, soporte de códec o consulta de medios.

Soporte del navegador

Atributos

src: Se requiere cuando <source> se usa en <audio> y <video>. Especifica la URL del archivo multimedia
srcset:Se requiere cuando <source> se usa en <picture>. Especifica la URL de la imagen para usar en diferentes situaciones
srcset:Acepta cualquier consulta de medios válida que normalmente se definiría en un CSS.
sizes:Especifica tamaños de imagen para diferentes diseños de página.
type:Especifica el tipo MIME del recurso.


La etiqueta <source> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <source> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

Ir al Principio

<SUMMARY>

La etiqueta <summary> define un encabezado visible para el elemento <details> . Se puede hacer clic en el encabezado para ver / ocultar los detalles.

Soporte del navegador

Atributos

La etiqueta <summary> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <summary> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>

Ir al Principio

<TEMPLATE>

La etiqueta <template> mantiene su contenido oculto del cliente. El contenido dentro de una etiqueta <template> no se representará.
El contenido puede ser visible y renderizado más tarde usando JavaScript. Use la etiqueta <template> cuando tenga código HTML que quiera usar una y otra vez, pero no hasta que lo solicite. Para hacerlo sin la etiqueta <template>, debe crear el código HTML con JavaScript para evitar que el navegador muestre el código.

Soporte del navegador

Atributos

La etiqueta <template> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

Ejemplo de codigo

<template>
<h2>Flower</h2>
<img src="img_white_flower.jpg">
</template>

Ir al Principio

<TIME>

La etiqueta <time> define una fecha / hora legible por humanos.
Este elemento también se puede usar para codificar fechas y horas en una forma legible por máquina, de modo que los agentes de usuario pueden ofrecer agregar recordatorios de cumpleaños o eventos programados al calendario del usuario, y los motores de búsqueda pueden producir resultados de búsqueda más inteligentes.

Soporte del navegador

Atributos

datetime:Representar una fecha / hora legible por máquina del elemento <time>.

La etiqueta <time> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <time> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<p>We open at <time>10:00</time> every morning.</p>
<p>I have a date on <time datetime="2008-02-14 20:00">Valentines day</time>.</p>


Ir al Principio

<TRACK>

La etiqueta <track> define algún contenido aparte del contenido en el que se coloca.
El contenido a un lado debe estar relacionado con el contenido circundante.

Soporte del navegador

Atributos

default:Especifica que la pista debe habilitarse si las preferencias del usuario no indican que otra pista sería más apropiada. kind:Especifica el tipo de pista de texto.
label:Especifica el título de la pista de texto.
src:Necesario. Especifica la URL del archivo de seguimiento.


La etiqueta <track> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <track> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo

<video width="320" height="240" controls>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
<track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>

Ir al Principio

<VIDEO>

La etiqueta <video> especifica video, como un clip de película u otras transmisiones de video. Actualmente, hay 3 formatos de video compatibles para el elemento <video>: MP4, WebM y Ogg:

Soporte del navegador

Atributos

autoplay:Especifica que el video comenzará a reproducirse tan pronto como esté listo
controls:Especifica que se deben mostrar los controles de video (como un botón reproducir / pausa, etc.).
height:Establece la altura del reproductor de video.
loop:Especifica que el video comenzará de nuevo, cada vez que se termine.
muted:Especifica que la salida de audio del video debe estar silenciada.
poster:Especifica una imagen que se mostrará mientras se descarga el video, o hasta que el usuario presione el botón de reproducción.
preload:Especifica si el autor piensa que el video debe cargarse y cuándo lo hace cuando se carga la página.
src:Especifica la URL del archivo de video.
width: Establece el ancho del reproductor de video.


La etiqueta <video> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <video> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo


<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

Ir al Principio

<WBR>

La etiqueta <wbr> (Word Break Opportunity) especifica en qué parte de un texto estaría bien agregar un salto de línea. Consejo: Cuando una palabra es demasiado larga o si teme que el navegador rompa sus líneas en el lugar incorrecto, puede usar el elemento <wbr> para agregar oportunidades de salto de palabra.

Soporte del navegador

Atributos

La etiqueta <wbr> también admite los atributos globales en HTML
contenteditableEspecifica si el contenido de un elemento es editable o no
contextmenuEspecifica un menú contextual para un elemento. El menú contextual aparece cuando un usuario hace clic derecho en el elemento
data-*Se usa para almacenar datos personalizados privados en la página o aplicación
draggableEspecifica si un elemento es arrastrable o no
dropzoneEspecifica si los datos arrastrados se copian, mueven o vinculan cuando se eliminan
hiddenEspecifica que un elemento aún no es, o ya no es, relevante
dspellcheckEspecifica si el elemento debe tener su ortografía y gramática marcada o no
translateEspecifica si el contenido de un elemento debe traducirse o no

La etiqueta <wbr> también admite los Atributos de evento en HTML .
onbeforeprintScript que se ejecutará antes de que se imprima el documento
onbeforeunloadScript que se ejecutará cuando el documento esté a punto de descargarse
onerrorScript que se ejecutará cuando se produce un error
onhashchangeScript que se ejecutará cuando haya cambios en la parte de anclaje de la URL
onmessageScript que se ejecutará cuando el mensaje se active
onofflineScript que se ejecutará cuando el navegador empiece a funcionar sin conexión
ononlineScript que se ejecutará cuando el navegador comience a funcionar en línea
onpagehideScript que se ejecutará cuando un usuario navega fuera de una página
onpageshowScript que se ejecutará cuando un usuario navegue a una página
onpopstateScript que se ejecutará cuando cambie el historial de la ventana
onresizeSe dispara cuando se cambia el tamaño de la ventana del navegador
onresizeScript que se ejecutará cuando se actualice un área de almacenamiento web

Ejemplo de codigo


<p>
To learn AJAX, you must be familiar with the XML<wbr>Http<wbr>Request Object.
</p>

Ir al Principio