Iframe | Tutorial de HTML5 | #18 | #uninerds | Universo dos Nerds
9Código fonte da vídeo aula:
http://www.uninerds.net/?locale=pt_BR#!html-css-e-javascript/tutorial-de-html5
Arquivo Externo: https://youtu.be/TYaQ2UHjTNI
Atributo name no target de link: https://youtu.be/GJXPTZjM7Ac
Playlist de JS: https://www.youtube.com/playlist?list=PLi3qhjm7dbef435xWUu1cTnwn9cLMktnZ
Redes Sociais
Facebook: https://www.facebook.com/uninerds
Twitter: https://www.twitter.com/uninerds
YouTube: https://www.youtube.com/user/uninerds?sub_confirmation=1
LinkedIn: https://www.linkedin.com/company/uninerds
Instagram: https://www.instagram.com/uninerds
Gostou do vídeo? Veja 10 opções de como você pode apoiar o Universo dos Nerds:
https://youtu.be/KYAljlRtlb4
Grupo recomendado no vídeo:
https://www.facebook.com/groups/DevAt
Hashtags: #uninerds #html #html5
Afiliado: http://www.cursos24horas.com.br/parceiro.asp?cod=promocao131331
Contato: uninerds@uninerds.net
Iframe é utilizado para mostrar uma página dentro de outra e para criar um na página é utilizado a tag iframe e tem os seguintes atributos:
- src serve para informar qual página será exibida no iframe
- srcdoc serve para informar o HTML que será exibido no iframe
Caso o navegador tenha suporte para o srcdoc será exibido o que for informado nele, senão será utilizado o valor do src
- width serve para definir a largura em pixel
- height serve para definir a altura em pixel
- name serve para informar que determinado link com o atributo target igual ao valor deste deve ser aberto neste iframe
- sandbox serve para limitar o que pode ser feito pelo iframe e pode ter os seguintes valores:
- allow-same-origin permite que seja aberto links que estão no iframe
- allow-popups permite que seja aberto links que estão no iframe com o atributo target igual a _blank
- allow-top-navigation permite que seja aberto links que estão no iframe com o atributo target igual a _top
- allow-forms permite que os formulários que estão no iframe sejam enviados
- allow-scripts permite que JavaScript seja executado no iframe
- allow-pointer-lock permite que APIs que utilizam o ponteiro do mouse funcionem no iframe
Atenção: Não é permitido utilizar os valores allow-same-origin e allow-scripts do atributo sandbox no mesmo iframe
A tag iframe tem abertura e fechamento porque antes do HTML5 colocava entre elas o que seria exibido para o usuário caso seu navegador não tivesse suporte para iframe, mas isso não é permitido no HTML5 porque essa versão exige que o navegador tenha suporte para iframe