Cargando

s

s

Este tag hace referencia a texto incorrecto. Por ejemplo un uso que se le puede dar a este elemento es el de la corrección de exámenes online, para que el alumno sepa que partes del mismo no son correctas y que partes sí lo son. El efecto visual es el mismo en HTML 5 que en HTML 4, pero mientras que en HTML 4 se le daba un uso para tachar partes del texto, en el caso de HTML 5, tiene su utilidad para el texto que no es correcto dentro de un contexto concreto, es más una redefinición semántica que de funcionalidad, ya que el efecto es el mismo.

script

Es el elemento que nos permite ejecutar código de lenguajes de programación en el lado del cliente pudiendo cargar animaciones, y en general, contenido que cambia dinámicamente en función de diversas condiciones. El más habitual es el Javascript.

En HTML 5 se ha añadido un atributo nuevo que nos permite realizar ejecuciones de los scripts de forma asincrona. Normalmente, si no se especifica lo contrario, el contenido de los tags script se ejecutara automáticamente, deteniendo la carga de la web, ya que toma el control del sistema mientras no termine su ejecución.

Atributos importantes:

src. Indica la ruta en la que se encuentra el código del lenguaje de script correspondiente.

type. Define el contenido al que se espera recibir en el fichero al que se accede mediante el atributo src.

defer. Este atributo permite asegurar la carga del HTML antes de la ejecución del contenido que haya en los scripts en los que esté presente.

Atributos nuevos:

async. Este atributo permite una ejecución asíncrona de los scripts que lo contengan, de forma que no se garantiza el orden de ejecución de éstos, ni que se ejecuten en un momento concreto, ya que de esta manera se cargarán cuando se les asigne tiempo de procesamiento en función de las prioridades establecidas por la cpu.

section

Es un elemento con un uso similar a div de HTML 4, que nos permite agrupar contenido relacionado entre si. Por ejemplo, los comentarios de una noticia, el contenido general de una noticia, etc. La diferencia entre el tag div y el tag section, en principio es meramente semántica, pero hay quien recomienda que los tags section se empleen para definir zonas de contenido relacionado y no para dividir de manera estructural la web.

select

Se emplea junto con el tag option, para crear listas despelegables de selección de opciones. Tiene múltiples usos para definir infinidad de tipos diferentes de listados, como por ejemplo, las diferentes profesiones que puede tener una persona, la edad de una persona, el sexo de una persona, etc.

<select> <option value="">Seleccionar provincia</option> <option value="Gipuzkoa">Guipuzcoa</option> <option value="Barcelona">Barcelona</option> <option value="Madrid">Madrid</option> <option value="Murcia">Murcia</option> <option value="Navarra">Navarra</option> </select>

source

Es un tag complementario que se utiliza con los elementos video y audio cuando se pretende que nuestro fichero tenga múltiples réplicas que permitan una mayor disponibilidad del contenido multimedia a reproducir.

Atributos importantes:

src. Define la ruta de acceso al recurso multimedia.

media. Este atributo nos permite especificar el dispositivo al que va destinado nuestro contenido multimedia (braile, impresoras, proyectores, etc), pero en la actualidad este atributo no funciona en ningún navegador de los habituales.

type. Es el atributo que nos permite indicar qué contenido multimedia se va a reproducir, ya sea audio o vídeo en diferentes formatos como mpeg, mp4, ogg, etc. Hay pocos formatos que funcionen correctamente en los navegadores actuales. Es recomendable comprobar que formatos soportan los navegadores.

style

Es el elemento que nos permite dar estilo a los documentos HTML de forma directa y sin necesidad de hojas de estilos. Aunque su uso esta desaconsejado, en ciertas ocasiones es necesario para partes muy concretas y específicas de la web.

Atributos importantes:

type.  Indica el contenido del documento . Este atributo se suele utilizar cuando el tag <style> se utiliza para definir estilos de manera interna en el propio documento HTML.
media. Nos permite asignar un dispositivo concreto para el que los estilos se han optimizado. Por ejemplo un móvil o una tablet.

Atributos nuevos:

scoped. Este atributo nos permite definir estilos que se aplicarán a una sección determinada  del documento.

sumary

Este elemento se combina con el tag details para crear secciones desplegables dentro de la web. Por ejemplo se puede utilizar para crear un desplegable que contiene el resumen de una noticia o  las características de un producto. Se debe tener en cuenta que este tag sólo lo soporta Google Chrome actualmente, por lo que en el resto tendremos que utilizar  JavaScript para emular este efecto.