O conteúdo HTML embutido ou incorporado é usado para exibir recursos externos, como áudios, imagens, vídeos ou conteúdos interativos. Permite o uso de serviços ou interfaces de terceiros para importar recursos ou inserir conteúdo desenvolvido em várias linguagens.
Os elementos HTML que permitem a incorporação de conteúdo são: <audio>, <canvas>, <embed>, <iframe>, <img>, <math>, <object> (en-US), <svg> e <video>.1,2
Exemplo de PDF incorporado em um elemento <object>:
- HTML
- Resultado en sitio web
O conteúdo interativo inclui elementos projetados especificamente para a interação do usuário, incluindo: <a>, <button>, <details>, <embed>, <iframe>, <label>, <select> y <textarea>. Para serem interativos, alguns deles requerem certos atributos:1
- <audio>, se o atributo de controls estiver presente
- <img>, se o atributo usemap estiver presente
- <input>, se o atributo type não estiver em um estado oculto
- <object>, se o atributo usemap estiver presente
- <video>, se o atributo de controls estiver presente
Exemplo de áudio incorporado em um elemento <audio>:
- HTML
- Resultado en sitio web
O elemento <script> não contribui diretamente para a saída renderizada de um documento. Em vez disso, ele é usado para oferecer suporte a scripts, contendo diretamente o código do script ou especificando dados a serem usados pelos scripts.1
Múltiplas plataformas web de notícias, inovação e educação —como BBC, TED o Arquive.org— e redes sociais —como Youtube, Vimeo, Facebook, Instagram o Twitter— disponibilizam fragmentos de código com iframes ou scripts que permitem embutir seus conteúdos em blogs ou página web. Geralmente, você pode encontrar este código na opção "Embed" ou "Incorporar", no menu de compartilhar o conteúdo, ou simplesmente anexar a URL para nós procurar a opção.
Exemplo de vídeo incorporado em um elemento <iframe>:
- HTML
- Resultado en sitio web
Isso foi útil?
Para mais informações:
- https://developer.mozilla.org/es/docs/Web/Guide/HTML/Content_categories
- https://www.eniun.com/contenido-incrustado-html5/
