Exemplos de Aplicação Definir o título do documento
15.5 Valores desconhecidos para o atributo name do elemento <meta>
Algumas vezes encontramos situações em que o atributo name do elemento <meta> contém um valor desconhecido, como no exemplo seguinte:
<meta name="security" content="low">
Numa situação destas devemos interpretar o elemento meta como contendo informação que é específica do website em causa. Essa informação pode ser importante para o autor da página, mas provavelmente é irrelevante para os visitantes. É possível que essa informação seja útil para algum software que leia a página.
Para obter informação completa acerca do elemento meta consulte a Referência de HTML 4.
Exemplos de Aplicação
As palavras chave do documento
<html> <head>
<meta name="description" content= "Tutoriais de HTML, CSS, XML, XHTML, SVG e Flash disponíveis para download">
<meta name="keywords" content= "HTML, DHTML, CSS, XML, XHTML, JavaScript, XML, SVG">
<title>Exemplo</title> </head>
<body>
<p>Os atributos do elemento meta presentes neste documento descrevem o seu conteúdo e fornecem algumas palavras-chave.</p>
</body> </html>
A descrição do documento
<html> <head>
<meta name="author" content="Manel Ambrósio">
<meta name="revised" content="Xiko Ambrósio,26/05/03"> <meta name="generator" content="Um Software Qualquer"> <title>Exemplo</title>
</head> <body>
<p>Os atributos do elemento <meta> presentes neste documento identificam o autor e o software usado para criar a página.</p>
</html>
Redirecionar para outra página
<html> <head>
<meta http-equiv="Refresh" content="10;url=http://www.w3.org"> <title>Exemplo</title>
</head> <body>
<p>Se o nosso website estivesse em remodelação seria enviado para o website do w3c: <a href="http://www.w3.org">http://www.w3.org/</a></p>
<p>Dentro de 10 segundos será enviado para o website do W3C.</p>
<p>Se esta mensagem permanecer visível por mais de 10 segundos, por favor clique na ligação mais acima!</p>
</body> </html>
16. Molduras ("frames")
As molduras ("frames") são subjanelas definidas sobre a janela principal do browser. Estas subjanelas são criadas dividindo a janela em várias partes. Cada uma dessas partes pode apresentar uma página da Web diferente. As subjanelas são
Exemplos de Aplicação
Como criar um conjunto de subjanelas com três documentos dispostos na vertical Moldura A <html> <head> <title></title> </head> <body>
<p>Esta é a moldura <span style="color: red; font-size: 150%">A</span></p> </body> </html> Moldura B <html> <head> <title></title> </head> <body>
<p>Esta é a moldura <span style="color: blue; font-size: 150%">B</span></p> </body> </html> Moldura C <html> <head> <title></title> </head> <body>
<p>Esta é a moldura <span style="color: teal; font-size: 150%">C</span></p> </body> </html> <html> <head> <title>Exemplo</title> </head> <frameset cols="25%,50%,25%"> <frame src="moldura_a.html"> <frame src="moldura_b.html"> <frame src="moldura_c.html"> </frameset> </html>
Como criar um conjunto de subjanelas com três documentos dispostos na horizontal <html> <head> <title>Exemplo</title> </head> <frameset rows="25%,50%,25%"> <frame src="moldura_a.html"> <frame src="moldura_b.html"> <frame src="moldura_c.html"> </frameset> </html>
Vantagens e desvantagens das molduras
As molduras ("frames") permitem-nos apresentar mais do que uma página HTML numa única janela do browser. Cada página está dentro da sua própria moldura (subjanela) e é independente das restantes páginas. Apesar de oferecerem alguma liberdade ao facilitarem bastante a criação de barras de navegação em conjuntos de documentos com muitas páginas e de tornarem bastante mais rápido o carregamento das páginas, as molduras também podem dar origem a algumas dificuldades, tais como:
• O criador de páginas se vê obrigado a lidar com um número maior de páginas ao mesmo tempo.
• A impressão do conteúdo do browser fica mais difícil.
• Algumas vezes é preciso que um único elemento <a> faça ligação a duas ou mais páginas, o que obriga a utilizar JavaScript.
O Elemento frameset
• O elemento <frameset> define a forma como a janela do browser se subdivide para acomodar as molduras.
• Este elemento divide a janela do browser em linhas e colunas.
O Elemento <frame>
• O elemento <frame> define qual o documento HTML deverá colocar numa determinada moldura.
No exemplo apresentado a baixo temos um conjunto de molduras com duas colunas. A primeira coluna ocupa 25% da largura da janela do browser e a segunda coluna ocupa 75% da largura. O documento "moldura_a.html" ocupa a primeira coluna e o documento "moldura_b.html" ocupa a segunda coluna:
<frameset cols="25%,75%"> <frame src="moldura_a.html"> <frame src="moldura_b.html"> <frameset>
Dicas
Diferente de outras páginas normais, as páginas dividas em frames não utilizam o elemento <body>, sendo assim substituído pelo elemento <frameset>
Quando uma moldura possui linhas de contorno visíveis, o usuário pode alterar as suas dimensões arrastando as linhas de limite com o mouse. Para impedir que isso aconteça utilize o atributo noresize no elemento <frame>.
Se você deseja ocultar as bordas dos frames, utilize o atributo frameborder=”0” e para definir os espaçamento entre o frames como 0 utlize o framespacing="0". Esses atributos são usados sempre no elemento <frameset>
Outro recurso que pode ser utilizado nos frames é o scrolling para ocultar ou não as barras de rolagem. Usa-se como: scrolling=”no” no elemento <frame>.
O atributo name do elemento <frame> especifica sua identificação para que outros frames o reconheça e chame conteúdos para serem exibidos nele mesmo. <html>
<head>
<title>Exemplo</title> </head>
<frameset rows="25%,50%,25%" frameborder="0" framespacing="0"> <frame name="a" noresize src="moldura_a.html" scrolling="no"> <frame name="b" src="moldura_b.html">
<frame name="c" src="moldura_c.html" scrolling="yes"> </frameset>
Use o elemento <noframes> para que os browsers que não suportam molduras possam mostrar um aviso aos seus usuários.