Como designers da web, todos nós queremos trabalhar com as melhores e mais recentes tecnologias. Às vezes, no entanto, estamos presos a trabalhar em páginas legadas que, por uma razão ou outra, não podem ser atualizadas para os padrões atuais da web. Você vê isso em certos aplicativos de software que podem ter sido personalizados para empresas há muitos anos. Se você tem a tarefa de trabalhar nesses sites, sem dúvida vai sujar as mãos trabalhando com algum código antigo. Você pode até ver um ou dois lá!
O elemento HTML era um acessório de design do site alguns anos atrás, mas é um recurso que você raramente vê nos sites atualmente - e por um bom motivo. Vejamos onde está o suporte hoje e o que você precisa saber se for forçado a trabalhar com frames em um site legado.
Suporte HTML5 para frames
OHTML5. Isso significa que, se você estiver codificando uma página da Web usando a iteração mais recente da linguagem, não poderá usar frames HTML em seu documento. Se você quiser usar umHTML 4.01 ou XHTML Para o seu doctype da página.
Como os frames não são suportados no HTML5, você não usará esse elemento em um site recém-construído. Isso é algo que você só encontrará nos sites legados mencionados anteriormente.
Não se confunda com iframes
O HTML
Targeting HTML Frames
OK, então tudo sobre os frames serem obsoletos tendo sido dito, o que acontece se você precisar trabalhar com essas peças antigas de HTML?
Se você estiver usando um doctype mais antigo e quiser usar frames HTML, existem alguns problemas comuns dos quais você deve estar ciente. Um desses problemas é fazer com que os links sejam abertos no correto quadro, Armação. Isso é chamado de segmentação. Você dá às suas tags âncora um "alvo"para abrir seus links em. O destino geralmente é o nome do quadro.
No conjunto de quadros acima, existem dois quadros, o primeiro é denominado "nav" e o segundo é denominado "principal". Podemos imaginar que o nav frame (frame1.html) é a navegação e todos os links dentro dele devem abrir dentro do frame principal (frame2.html).
Para fazer isso, você daria aos links no frame1 o destino de "principal". target = "main">. Mas e se você não quiser adicionar o destino a todos os links em sua página de navegação? Você pode definir um destino padrão no HEAD do seu documento. Isso é chamado de alvo básico. Você adicionaria a linha
Frames e Noframes
Uma das seções mais mal utilizadas da tag frames é noframes. Esta tag permite que pessoas com navegadores incompatíveis com frames visualizem sua página (isso não funciona para HTML5, apenas para navegadores realmente antigos sem suporte a frame - então você não pode tentar empinar isso em HTML5 para torná-lo trabalhos. Boa tentativa, mas sem sorte.), E esse é o objetivo final, não é?
Em um conjunto de quadros típico, o HTML se parece com isto:
Isso criará uma página com dois quadros, o topo tendo 40 pixels de altura e o fundo sendo o resto da página. Isso daria um bom conjunto de quadros da barra de navegação superior com a marca e a navegação no quadro de 40 pixels.
No entanto, se um de seus visualizadores acessar seu site em um navegador incompatível com frames, eles receberão uma página em branco. As chances de eles retornarem ao seu site são muito pequenas e, para torná-lo visível para eles, você precisa adicionar mais quatro linhas de HTML:
Este site é enquadrado, mas você pode ver uma versão sem moldura.
Como você está apontando para a parte do conteúdo do seu frameset (frame2.html) na parte noframes da página, seu site se torna acessível.
Lembre-se de que, embora você possa estar usando a versão mais recente do seu navegador favorito, seu público pode não querer baixar continuamente o software mais recente. Sua máquina pode não suportá-lo, ou eles podem não ter espaço para instalar um programa de 20+ Meg em seu disco rígido. Adicionar quatro linhas de HTML é uma solução simples.