Contenido incrustado y scripts

link
bookmark_border Favoritos

Enriquecen la propuesta con contenidos de otros sitios web, bajo algunos parámetros y buenas prácticas.

Incrustando contenido.

El contenido HTML incrustado es usado para mostrar recursos externos, cómo audios, imágenes, vídeos o contenidos interactivos. Permite utilizar servicios o interfaces de terceros para importar recursos o insertar contenidos desarrollados en múltiples lenguajes.

Los elementos HTML que permiten incrustar contenido son: <audio>, <canvas>, <embed>, <iframe>, <img>, <math>, <object>, <picture>, <svg> y <video>.1,2

Ejemplo de PDF incrustado en un elemento <object>:

  • HTML
  • Resultado en sitio web

El contenido interactivo incluye elementos diseñados específicamente para la interacción del usuario, entre los que se encuentran: <a>, <button>, <details>, <embed>, <iframe>, <label>, <select> y <textarea>. Para ser interactivos, algunos de esto estos requieren ciertos atributos:1

  • <audio>, si está presente el atributo controls
  • <img>, si está presente el atributo usemap
  • <input>, si el atributo type no está en estado oculto
  •  <object>, si está presente el atributo usemap
  • <video>, si está presente el atributo controls

Ejemplo de audio incrustado en un elemento <audio>:

  • HTML
  • Resultado en sitio web

El elemento <script> no contribuye directamente a la salida renderizada de un documento. En cambio, sirve para admitir scripts, ya sea conteniendo directamente el código del script, o especificando datos que serán utilizados por los scripts.1

Opción para incrustar video de Vimeo

Múltiples plataformas web de noticias, innovación y educación —como BBC, TED o Arquive.org— y redes sociales —cómo Youtube, Vimeo, Facebook, Instagram o Twitter— dan acceso a fragmentos de código con iframes o scripts que permiten incrustar sus contenidos en blogs o página web. Generalmente podrás encontrar ese código bajo la opción "Embed", en el menú para compartir el contenido, o simplemente adjuntar la URL para que nosotros podamos buscar la opción.

Ejemplo de video incrustado en un elemento <iframe>:

  • HTML
  • Resultado en sitio web

¿Te resultó útil?

Más información en:

  1. https://developer.mozilla.org/es/docs/Web/Guide/HTML/Content_categories
  2. https://www.eniun.com/contenido-incrustado-html5/



Origen de la Revista Bioika

Origen de la Revista Bioika


¡Participa!

close bookmark_border Favoritos
"