Un iframe és un element HTML que conté un altre document HTML dins d’ell. Això permet incrustar contingut d’altres llocs dins d’una pàgina web. Aquí tens més detalls:

• Per a què serveix un iframe? Els llocs web sovint utilitzen iframes per incloure elements externs. Per exemple, vídeos. Si incrustes un vídeo de YouTube a la teva pàgina, no cal que emmagatzemis el vídeo al teu servidor; simplement el pots incrustar al teu codi HTML. Això millora l’experiència de navegació dels visitants. Cada iframe té el seu propi historial de sessió i el seu propi objecte Document. Això significa que pots tenir múltiples iframes a la mateixa pàgina, cadascun amb el seu contingut independent¹².
• Diferències entre iframe i elements incrustats: A més dels iframes, hi ha altres elements HTML5 coneguts com a “elements incrustats” (o “embed”). Aquests s’utilitzen per inserir altres tipus de contingut, com ara PDF, plugins i automatitzacions. Tot i que els elements incrustats poden incloure recursos de vídeo o imatges, és millor utilitzar iframes per a això. Els elements incrustats funcionen només per a tecnologies web antigues, mentre que els iframes són més comuns i sempre funcionen bé¹. 😊
• Exemple:

<iframe width="560" height="315" src="https://www.youtube.com/embed/TU_ID_DEL_VÍDEO" frameborder="0" allowfullscreen></iframe>

En aquest codi:

• L’atribut width i height defineixen les dimensions de l’iframe.
• L’atribut src conté la URL del vídeo de YouTube que vols incrustar. Hauries de substituir TU_ID_DEL_VÍDEO per l’ID real del vídeo que vulguis mostrar.
• L’atribut frameborder estableix si es mostra o no el marc del vídeo.
• L’atribut allowfullscreen permet que el vídeo es pugui veure a pantalla completa.