Close Menu
  • Home
  • Artigos
    • Entretenimento
      • Games
      • Fotografia
      • Smart Life
      • Vídeo Imagem e Som
    • Internet
      • Compras
      • Curiosidades
      • Sites e Web
      • Social Media
    • Mobile
      • Android
      • Mobile
    • Tecnologia
      • Auto
      • Computador
      • Definição
      • Eletrônica
      • Tech
      • Redes
      • Modelagem e Impressão 3D
    • Sistemas
      • Linux
      • Mac e iOS
      • Windows
      • Desenvolvimento
      • Software
      • Escritório
      • Segurança
  • Analises
    • Apps
    • Ferramentas
    • Jogos
    • Produtos
    • Serviços
  • Notícias
    • Entretenimento
      • Diversos
      • Internet
      • Games
      • Fotografia
    • Tech
      • Mobile
      • Gadgets
      • Hardware
      • Tecnologia
      • Programas
      • Segurança Digital
    • Mundo
Facebook X (Twitter) Instagram
TopGadgetTopGadget
  • Home
  • Artigos
    • Entretenimento
      • Games
      • Fotografia
      • Smart Life
      • Vídeo Imagem e Som
    • Internet
      • Compras
      • Curiosidades
      • Sites e Web
      • Social Media
    • Mobile
      • Android
      • Mobile
    • Tecnologia
      • Auto
      • Computador
      • Definição
      • Eletrônica
      • Tech
      • Redes
      • Modelagem e Impressão 3D
    • Sistemas
      • Linux
      • Mac e iOS
      • Windows
      • Desenvolvimento
      • Software
      • Escritório
      • Segurança
  • Analises
    • Apps
    • Ferramentas
    • Jogos
    • Produtos
    • Serviços
  • Notícias
    • Entretenimento
      • Diversos
      • Internet
      • Games
      • Fotografia
    • Tech
      • Mobile
      • Gadgets
      • Hardware
      • Tecnologia
      • Programas
      • Segurança Digital
    • Mundo
Facebook X (Twitter) Instagram
TopGadgetTopGadget
Home»Dicas e Artigos»Desenvolvimento»Direcionando Links em IFrame e frames HTML
Desenvolvimento

Direcionando Links em IFrame e frames HTML

By Kayobrussy Guedes3 Mins Read
WhatsApp Telegram Facebook Twitter LinkedIn Pinterest Tumblr Copy Link Email
html

A tag iframe é usada para exibir uma página da web dentro de uma página da web. Quando você cria um documento para estar dentro de um iframe, todos os links nesse quadro são abertos automaticamente nesse mesmo quadro. 

Mas com o atributo no link (o elemento ou elementos), você pode especificar onde os links serão abertos.

A primeira etapa é dar ao seu iframe um nome exclusivo com o atributo name. 

Então, é uma questão de apontar seus links para aquele quadro usando o ID como o valor do atributo target:

<iframe src="example.htm" name="page"></iframe>
<a href="https://www.example.com" target="page">Example</a>

Se você adicionar um destino a um ID que não existe na sessão atual do navegador, o link será aberto em uma nova janela do navegador, com esse nome. 

Depois da primeira vez, todos os links que apontam para esse destino nomeado serão abertos na mesma nova janela.

Se não quiser nomear cada janela ou quadro com um ID, você ainda pode direcionar algumas janelas específicas sem a necessidade de uma janela ou quadro nomeado. 

Esses são chamados de alvos padrão.

Iframe: As Quatro Palavras-Chave Alvo

Existem quatro palavras-chave alvo que não requerem um quadro nomeado. 

Essas palavras-chave permitem que você abra links em áreas específicas da janela do navegador da web que podem não ter um ID associado a elas. 

Estes são os alvos que os navegadores da web reconhecem:

_self

Este é o destino padrão para qualquer tag âncora. Se você não definir o atributo de destino ou usar este destino, o link será aberto na mesma janela ou quadro em que o link está.

_parent

Iframes são incorporados em páginas da web. Você pode incorporar um iframe em uma página que está dentro de outro iframe em outra página da web. 

Ao definir o atributo target como _parent, o link será aberto na página da web que contém o iframe.

_top

Na maioria das situações com iframes, esse destino abrirá links da mesma maneira que o destino _parent o faz. 

Mas se houver um iframe dentro de um iframe, o destino _top abre links na janela de nível mais alto da série, removendo todos os iframes.

_blank

O destino mais comumente usado, abre o link em uma janela totalmente nova, semelhante a um pop-up.

Como nomear seus quadros

Ao construir uma página da web com iframes, é uma boa ideia dar a cada um um nome específico. Isso ajuda você a lembrar para que servem e permite enviar links para esses frames específicos. 

Por exemplo:

name="stats"
name="external-document"

Definir um alvo padrão

Você também pode definir um destino padrão em suas páginas da web usando o elemento. Defina o atributo target com o nome do iframe no qual deseja que todos os links sejam abertos.

Você também pode definir alvos padrão para uma das quatro palavras-chave de destino.

frame html

Related Posts

CSS-JS-HTML

Como adicionar um atributo a uma tag HTML? 5 dicas

html

HTML: O que é um arquivo HTM? 10 dicas

Fonte Alimentação

Tabela de tensões da fonte de alimentação ATX e tolerâncias

YouTube RSS
  • Home
  • Privacidade
  • Termos de Uso
  • Cookies
  • Fale Conosco
TopGadget - © 2019-2025 Alguns direitos reservados!

Type above and press Enter to search. Press Esc to cancel.

Bloqueador detectado
Bloqueador detectado
Nosso site é gratuito e somos mantidos por investidores publicitários. Por este motivo, bloqueadores de anúncios não são permitidos. Se desejar poderá criar uma conta sem anúncios.