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 esperam3.Muito rápido para os que tem medo4.Muito longo para os que lamentam5.Muito curto para os que festejam6.Mas, para os que amam,7.o tempo é eterno.</PRE>8....
O pequeno poema de William Shakespeare acima, seria renderizado da seguinte forma:

| Características - tag PRE (texto - formatação) | |||
|---|---|---|---|
| uso | HTML 4.01 | <PRE>...</PRE> | |
| XHTML | <PRE>...</PRE> | ||
| HTML 5 | <PRE>...</PRE> | ||
| Formatação Padrão | Fonte | Monospace | |
| Tamanho | 13px | ||
| Cor | #000000 (preto) | ||
| Margem | Superior | 13px | |
| Inferior | 13px | ||
| Esquerda | 0px | ||
| Direita | 0px | ||
| visualização | inline | ||
| Atributos Aceitos | id, class, width, title, lang, dir, style | ||
| Eventos Possíveis | onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup | ||
‹ Páginas Relacionadas

Nenhum comentário:
Postar um comentário
Comente aqui....