Sejam bem vindos...aqui encontram-se reunidas citações, poesias e mensagens que de alguma forma me fazem refletir sobre a vida e as pessoas...Compartilho com vocês..


Suporte.com

terça-feira, 15 de janeiro de 2013

Texto pré-formatado


O texto pré-formatado é um parágrafo demarcado para deixar o texto intacto. Como já vimos, os browsers não mantém os espaços em branco do código HTML.

O texto pré-formatado tem algumas características que um browser deve seguir.
Um browser, quando visual:
  • Deve manter os espaços em branco;
  • Os caracteres devem manter a mesma proporção tanto na altura quanto na largura;
  • Pode desabilitar a quebra automática de linha;
  • Não devem desabilitar o processamento bidirecional de texto.
Um browser, quando não visual, não precisa respeita os espaços em branco extras.
O texto pré-formatado é enclausurado na tag PRE que tem um atributo próprio, o WIDTH.
O WIDTH server para determinar qual será o tamanho da linha pré-formatada. Como os browsers desabilitam a quebra automática de linha, essa é a forma de determinar uma quebra. WIDTH recebe o número de caracteres que se deve ter por linhas. Mas, devemos ressaltar que este atributo está em desuso em favorecimento aos estilos CSS e apenas existe por motivos de compatibilidade com sistemas mais antigos.
Veja o exemplo abaixo:
1....
2.<PRE>   O tempo é muito lento para os que esperam
3.Muito rápido para os que tem medo
4.Muito longo para os que lamentam
5.Muito curto para os que festejam
6.Mas, para os que amam,
7.o tempo é eterno.</PRE>
8....
O pequeno poema de William Shakespeare acima, seria renderizado da seguinte forma:
exemplo da formatação da tag PRE
Fonte: w3.org
Características - tag PRE (texto - formatação)
usoHTML 4.01<PRE>...</PRE>
XHTML<PRE>...</PRE>
HTML 5<PRE>...</PRE>
Formatação PadrãoFonteMonospace
Tamanho13px
Cor#000000 (preto)
MargemSuperior13px
Inferior13px
Esquerda0px
Direita0px
visualizaçãoinline
Atributos Aceitosid, class, width, title, lang, dir, style
Eventos Possíveisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
Creative Commons License
Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons.
‹ Páginas Relacionadas

Nenhum comentário:

Postar um comentário

Comente aqui....