Nuevas etiquetas semánticas

jueves, 4 de diciembre de 2014 - Publicado por ThZ KronZ en 17:40





<hgroup> --> Pretende contener un grupo de etiquetas <hx> (al menos dos).


Ejemplo de como se usaria:

<hgroup>
           <h1> Titulo </h1>
           <h2> Subtitulo </h2>
</hgroup>




<time> --> define una fecha y/o una hora (su atributo opcional es datetime indica la fecha y la hora).

Ejemplo de como se usaria:

<time> Mañana </time> es lunes.
<time datetime="2014-12-04"> El dia 5 de Octubre </time>




<mark> --> Remarca parte del texto (como un subrayador).

Ejemplo de como se usaria:

Hoy es <mark> Viernes </mark> y empieza en fin de semana.





<meter> --> Define una medida (Solo lo usaremos para las medidas con un valor minimo y un máximo  conocido).

             Atributos: 

    value: el valor del dato sobre la escala.
    min: el valor minimo posible.
    low: el valor minimo esperado.
    high: el valor maximo esperado.
    max: el valor máximo posible.
    optimun: el valor maximo ideal.


Ejemplo de como se usaria:
Su puntuación es:
<meter value=''14'' min=''0'' max=''20'' low=''8'' high=''l8'' optimum="19.5"> </meter> sobre 20
Click para ver el resultado:
Html Su puntuación es: sobre 20.







<figure> --> Puede usarse para reagrupar elementos como imágenes, videos o incluso texto que forma parte de una ilustracion.


La etiqueta <figcaption>, usada de forma conjunta con la etiqueta <figure>, proporciona una leyenda de los elementos.


Ejemplo de como se usaria:

<figure>
<img src=''aerogeneradorl .jpg'' alt=''aerogeneradorl''>
<img src=''aerogenerador2 .jpg'' alt=''aerogenerador2''>
<figcaption>  Algunos aerogeneradores  </figcaption>
</figure>






<details> y <summary> --> <details> indica detalles o contenidos,  mientras que <summary> nos proporciona un resumen de estos elementos.