14 de jul. de 2008

ASCII

Seqüências de Escape & Símbolos

A seguinte tabela relaciona caracteres com suas entidades numéricas e nomeadas, obtidas em HTML através de uma seqüência de escape iniciando por "&" e terminando em ";". As seqüências abaixo não garantem que o caracter representado irá aparecer na tela. Tudo depende da capacidade da plataforma ou do terminal que irá exibi-lo.

Número Nome Símbolo Número Nome Símbolo
" " " Î Î Î
& & & ĩ Ï Ï
< < < Ð Ð Ð
> > > Ñ Ñ Ñ
  [espaço](*) Ò Ò Ò
¡ ¡ ¡ Ó &Ocaute; Ó
¢ ¢ ¢ Ô Ô Ô
£ £ £ Õ Õ Õ
¤ ¤ ¤ Ö Ö Ö
¥ ¥ ¥ × × ×
¦ ¦ ¦ Ø Ø Ø
§ § § Ù Ù Ù
¨ ¨ ¨ Ú Ú Ú
© © © Û Û Û
ª ª ª Ü Ü Ü
« « « Ý Ý Ý
¬ ¬ ¬ Þ Þ Þ
­ ­ ­ ß ß ß
® ® ® à à à
¯ ¯ ¯ á á á
° ° ° â â â
± ± ± ã ã ã
² ² ² ä ä ä
³ ³ ³ å å å
´ ´ ´ æ æ æ
µ µ µ ç ç ç
è è è
· · · é é é
¸ ¸ ¸ ê ê ê
¹ ¹ ¹ ë ë ë
º º º ì ì ì
» » » í í í
¼ ¼ ¼ î â â
½ ½ ½ ï ï ï
¾ ¾ ¾ ð ð ð
¿ ¿ ¿ ñ ñ ñ
À À À ò ò ò
Á Á Á ó ó ó
   ô ô ô
à à à õ õ õ
Ä Ä Ä ö ö ö
Å Å Å ÷ ÷ ÷
Æ &Aelig; Æ ø ø ø
Ç Ç Ç ù ù ù
È È È ú ú ú
É É É û û û
Ê Ê Ê ü ü ü
Ë Ë Ë ý ý ý
Ì Ì Ì þ þ þ
Í Í Í ÿ ÿ ÿ

(*) espaço inquebrável (no-break space)

USANDO SÍMBOLOS " a ( * k r I J L M N O P

Através da tag podemos configurar o texto para caracteres gregos ou outros símbolos que estão disponíveis no sistema Windows. Aqui segue um exemplo dos tipos de figuras que podemos inserir em um documento HTML.

Como modelo para os exemplos que aprensentarei a seguir relacionei os números, o alfabeto completo (caixa alta e baixa) e mais alguns símbolos matemáticos na fonte padrão Times New Roman, 12 (default)

1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
! @ # $ % ¨ & * ( ) - _ + = { } [ ] ? / < > \ | " '

Agora a mesma relação de cima configurada com a fonte symbol. A numeração permanece a mesma porém o nosso alfabeto ocidental muda para o alfabeto Grego


1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
! @ # $ % ¨ & * ( ) - _ + = { } [ ] ? / < > \ | " '

Novamente a mesma relação de cima só que agora configurada com a fonte wingdings, color="#C02420" e size="4". Agora os números e letras foram totalmente substituídos por símbolos. A última linha está configurada com size="7".


1 2 3 4 5 6 7 8 9 0 1 2 3
a b c d e f g h i j k l m
n o p q r s t u v w x y z
A B C D E F G H I J K L M
N O P Q R S T U V W X Y Z
! @ # $ % ¨ & * ( ) - _ +
= { } [ ] ? / < > \ | " '
" a ( * k

E finalmente com a fonte webdings, color="#191970" e size="4". A última linha está configurada com size="7"


1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
! @ # $ % ¨ & * ( ) - _ + = { } [ ] ? / < > \ | " '
A B C D E F G H I

Apesar desses tipos de fontes serem práticas por não sobrecarregar (em KBytes) a página HTML, este recurso possui algumas inconveniências: O tipo de fonte determinado pelo webmaster pode mudar para default caso o usuário não as disponha em seu sistema, ou podem existir problemas de interpretação nos diferentes sistemas que existem conectados na Web (Unix, Macintosh, etc...).