Informática Numaboa - Tutoriais e Programação
Domando a tag PRE
|
Sab 17 Jan 2009 15:05 |
- Detalhes
- Categoria: Webmaster
- Atualização: Domingo, 18 Janeiro 2009 22:56
- Autor: vovó Vicki
- Acessos: 6804
Uma das tags que costumo usar com frequência é a <pre>. Durante muito tempo tomei um belo de um baile por não conseguir obter quebras de linha para evitar que textos longos dentro destas tags bagunçassem toda a formatação da página. Agora aprendi como fazer 
O marcador <pre> é uma mão na roda quando se quer que o texto seja apresentado exatamente como escrevemos, respeitando todos os espaços. Para mim, uma das maiores vantagens é quando apresento trechos de código fonte e quero manter a identação das linhas. O HTML, quando encontra dois ou mais espaços, reconhece apenas o primeiro e despreza os restantes. A não ser que se use para criar espaços adicionais, não tem como obter a identação desejada. Taí a vantagem de se usar a tag <pre>, que nos economiza muita digitação de nbsp e a chatice (e dificuldade) de contar os tais dos espaços. Por exemplo, compare
for( $i=0; $i<10; $i++ ) {
if( $teste == 0 ) {
return false;
} else {
return true;
}
}
</pre>
com
Acho que nem é preciso explicar, o visual já falou tudo. Até este ponto, tudo bem. Acontece que os diversos browsers "entendem" a tag <pre> de formas diferentes, especialmente quando se trata de quebra de linha. Tentei de tudo, mas vira e mexe tinha uma supresa: funcionava para o IE, mas não no Firefox 2 e no Opera; funcionava no Opera 6, mas não no Opera 7. Depois de muito fuçar e de colecionar algumas informações, cheguei numa "receita" que, até o momento, está funcionando. Passo-a para vocês:
Você pode usar estas propriedades em folhas de estilo (CSS). O estilo pode ser incluído no cabeçalho de cada página ou estar num arquivo à parte que é incorporado às páginas. Por exemplo:
Depois, em cada marcador <pre> que você quiser, aplique a classe definida na folha de estilos:
E isto é tudo, por enquanto... quem é que sabe quais serão as surpresas que novas versões de navegadores poderão nos trazer? Até lá, acho que isto quebra um galho.
Abraço da vó Vicki 
Agradecimentos
Já tinha descoberto algumas coisas quando encontrei as dicas de T. Longren. Quero agradecer pela sua contribuição postada no Unwakeable Blog.