Otras Etiquetas Semánticas - HTML5 Lección 8

Otras Etiquetas Semánticas

Temario:

• Details
• dfn
• figcaption
• figure
• time
• wbr

Details

El elemento de detalles permite ocultar el contenido que se encuentre ente las etiquetas <details>...</details>. Esto permite una forma conveniente para ocultar y mostrar el contenido, aunque algunos navegadores pueden no soportar la etiqueta

<p>Este texto se muestra</p>

<details>Este texto está oculto</details>

dfn

La etiqueta <dfn> encierra un término que se desea definir. Rodea el término a definir entre las etiquetas  <dfn> y </ dfn>.

<p>

                <dfn> palabra:</dfn>

                Definición de la palabra <br />

</p>

La mayoría de los navegadores danformato a la etiqueta <dfn> como cursiva, pero esto se puede cambiar a través de CSS.

figcaption

La etiqueta <figcaption> proporciona un título para una figura y debe estar contenido dentro de una etiqueta <figure>. 

figure

Una figura es un elemento semántico que describe una o más imágenes con un título opcional. La etiqueta <figure> no muestra directamente las imágenes, sino que está pensado como un contenedor para la celebración de cualquier tipo de imagen (incluyendo la etiqueta estándar <img> pero también podría incluir imágenes SVG o lienzo). La imagen se puede suministrar con un título opcional usando la etiqueta <figcaption>.

<figure>

                <img src = "apoyo.jpg" alt = "laguna apoyo" />

                <figcaption> Laguna de Apoyo, Nicaragua </ figcaption>

</figure>

Usted puede poner más de una imagen dentro de una figura.

Hasta ahora, los navegadores no ofrecen un estilo o formato particular para las figuras y leyendas, pero estos artículos pueden modificarse a través de CSS. La etiqueta tiene la intención de trabajar junto con la etiqueta de <details> para proporcionar un elemento de resumen visible para el usuario. Cuando el usuario hace clic en el resumen, todo el contenido en el elemento de datos, que estaba escondido, se vuelve disponible.

time

El elemento de tiempo proporciona un campo para representar una fecha u hora. Este campo contendrá una fecha, una hora o una fecha y una hora.

<p>

                El gallo cante en <hora> 06:30 </time> cada mañana.

</p>

Los navegadores no  aplican actualmente ningún formato especial a los elementos de tiempo. Los datos codificados en elementos de tiempo deben tener el formato de una manera estándar para que puedan ser ajustados para las zonas horarias.

wbr

El elemento wbr se utiliza para sugerir las separaciones de palabras largas. Coloque esta etiqueta en el interior de una palabra larga para indicar el lugar apropiado para romper la palabra con fines de  ajuste en línea.

<p>

La etiqueta WBR se utiliza para marcar un espacio en una palabra larga donde sería ap <wbr> apropiada romper la palabra si es necesario.

</p>