Tag HTML <frameset>

Hoje estamos aqui para falar sobre exemplos de conjuntos de quadros de tags . Desejando que satisfizesse as necessidades dos alunos.

A tag HTML <frameset> é usada para definir um conjunto de quadros em uma página da web. Um conjunto de quadros é um contêiner para um ou mais elementos <frame> ou <iframe>, que são usados ​​para exibir diferentes documentos HTML na mesma janela.

A tag <frameset> normalmente é usada em conjunto com uma ou mais tags <frame> para definir o conteúdo de cada quadro dentro do conjunto de quadros. A tag <frameset> pode conter atributos como “cols” ou “rows” para especificar as dimensões de cada quadro dentro do conjunto de quadros.

Desaparecimento da tag HTML <frameset> ?

A tag HTML <frameset> foi abandonada por apresentar diversos problemas e limitações, como:

  • Os quadros tornavam difícil para usuários com deficiência visual navegar em uma página da Web porque os leitores de tela teriam problemas para interpretar o conteúdo de vários quadros.
  • Os mecanismos de pesquisa tiveram problemas para indexar o conteúdo das páginas da Web com quadros porque indexavam apenas a página principal do conjunto de quadros e não o conteúdo de cada quadro.
  • Marcadores ou links para quadros específicos dentro de um conjunto de quadros não eram possíveis, pois eles vinculavam apenas à página do conjunto de quadros.
  • Os quadros podem ser usados ​​para injetar conteúdo malicioso em uma página da web.
  • Os quadros não eram suportados por todos os navegadores da web e dispositivos móveis.
Informações Adicionais: A tag <frameset> foi incluída no HTML 4 para especificar frames.


Alternativa do conjunto de quadros

Para incorporar o outro documento em seu documento HTML, use a tag <iframe> :

Example: 

1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<iframe src="https://mrexamples.com"></iframe>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aqui está outro exemplo de uso da tag <iframe> :

Example: 

1
2
3
4
<!DOCTYPE html>
<html><body><br><br><br> <title>My Website</title><br><br><br> <h1>Welcome to Mr.Examples</h1><br> <p>Here is an overview of my website.</p><br> <br> <!-- Embedding another web page using the <iframe> tag --><br> <iframe src="https://mrexamples.com/html/" width="600" height="400" frameborder="0"></iframe><br> <br><br><br>
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Vantagens de <iframe> sobre <frameset>

Ambos <iframe> e <frameset> são tags HTML usadas para criar quadros ou seções de uma página da web. No entanto, <iframe> tem várias vantagens sobre <frameset> :

  1. <iframe> é compatível com todos os navegadores modernos, enquanto <frameset> não é compatível com alguns dispositivos móveis e tablets.
  2. <iframe> pode ser usado para incorporar qualquer documento HTML, independentemente de sua estrutura, enquanto <frameset> só pode ser usado para dividir uma página em quadros separados.
  3. <iframe> permite adicionar um título de acessibilidade e uma descrição ao quadro para que os leitores de tela entendam melhor o conteúdo. Por outro lado, <frameset> é menos acessível porque cria várias páginas com URLs separados, o que pode confundir usuários e mecanismos de pesquisa.
  4. <iframe> permite que você incorpore conteúdo de outro site enquanto protege seu site de qualquer código malicioso ou vulnerabilidades que o conteúdo incorporado possa ter. Por outro lado, <frameset> permite que o conteúdo de outro site tenha acesso aos cookies e dados de sessão do seu site, o que pode representar um risco à segurança.
  5. <iframe> permite incorporar conteúdo de outro site sem afetar o SEO do seu site, enquanto <frameset> cria várias páginas com URLs separados que podem causar problemas de conteúdo duplicado e afetar negativamente o SEO do seu site.

No geral, <iframe> é uma abordagem mais versátil e moderna para criar quadros ou seções de uma página da Web que oferece melhor compatibilidade, acessibilidade, segurança e vantagens de SEO do que <frameset>.

Deixe sua reação abaixo para agradecer nossos esforços ou para nos fornecer feedback para a melhoria deste site.
Nós valorizamos o seu feedback.
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0

Assine a nossa newsletter
Digite seu e-mail para receber um resumo semanal de nossos melhores posts. Saber mais!
ícone