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:
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....