<1> <2> <3> <4> <5> <6> <7> <8> <9> <10> <11> <12> <13> <14> <15> <16>

Li��o 10 - Caracteres Especiais

 

Como se diz

>>>� � ���� ?

Se os caracteres acima n�o aparecerem com v�rios acentos e marcadores, o seu browser WWW n�o suporta (ou n�o est� configurado para suportar) o conjunto de caracteres ISO Latin 1.

Objetivos

  Usar os c�digos HTML para caracteres ISO Latin 1 para mostrar caracteres com acentua��o e letras de outros alfabetos.
  "Enganar" o browser, bypassando o HTML para usar os caracteres < e > quando necess�rios.

 

Li��o

Acentua��o

Algumas vezes voc� pode precisar de caracteres especiais em um documento HTML. Mas com freq��ncia voce vai precisar de acentos, principalmente quando escrevendo em portugu�s, o que � bem freq�ente... Estes caracteres especiais e os acentos nem sempre est�o dispon�veis no sistema no qual est� sendo criada a p�gina HTML e, pior, no sistema onde uma p�gina HTML com acentos ser� apresentada! O conjunto de caracteres definido pela ISO chamado Latin 1 � o padr�o utilizado pelo WWW para acentua��o e caracteres al�m-ASCII. ASCII, como se sabe, � um padr�o de codifica��o de caracteres de 7 bits, o que n�o permite apresentar todos os caracteres necess�rios para a l�ngua portuguesa. O padr�o ISO Latin 1 (ISO IS-8859-1) � um padr�o de 8 bits, o que aumenta a capacidade de representa��o de caracteres.

Estes caracteres especiais e acentos s�o marcados em HTML como:


   &xxxx;

onde XXXX � o nome do c�digo para o caractere especial que se deseja apresentar.

O HTML permite que caracteres especiais sejam representados por sequ�ncias de escape, indicadas por tr�s partes: um & inicial, um n�mero ou cadeia de caracteres correspondente ao caracter desejado, e um ; final.

Por exemplo, a se��o Hist�ria da p�gina Joinville I � acentuada. O acento foi inicialmente produzido da forma tradicional (acento + letra). Esta, entretanto, n�o � a forma recomendada para representar estes caracteres quando se trata de HTML/WWW. A melhor forma � usar o esquema de representa��o baseado em r�tulos HTML. Assim, a palavra Hist�ria deveria ser escrita dentro do arquivo jv1.html da seguinte forma:


     Hist&oacute;ria

Onde &oacute; representa o caracter "o", min�sculo, acentuado com o acento agudo ("acute"). Desta forma, todos os acentos e caracteres especiais que s�o extra-ASCII devem ser constru�dos baseados neste esquema. Veja outros exemplos:

Entidade Caracter   Entidade Caracter
&aacute;   &Aacute;
&acirc;   &Acirc;
&agrave;   &Agrave;
&atilde;   &Atilde;
&ccedil;   &Ccedil;
&eacute;   &Eacute;
&ecirc;   &Ecirc;
&iacute;   &Iacute;
&oacute;   &Oacute;
&ocirc;   &Ocirc;
&otilde;   &Otilde;
&uacute;   &Uacute;
&uuml;   &Uuml;

Como vemos, as sequ�ncias de escape s�o sens�veis � caixa.

Na World-Wide Web, os acentos da L�ngua Portuguesa chegam a travar os browsers de usu�rios em outros pa�ses, que usam um conjunto de caracteres diferentes do ISO Latin 1 - apesar do ISO Latin 1 ser padr�o na WWW.

A �ltima vers�o do Netscape permite que se escolha a codifica��o adequada ao conjunto de caracteres relativo aos documentos a serem recuperados. Mas para garantir a interpreta��o apropriada de um documento, pode-se inserir uma indica��o do esquema de codifica��o, atrav�s do campo:


<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">

A refer�ncia completa dos caracteres ISO Latin 1 pode ser encontrada em "http://www.w3.org/hypertext/WWW/MarkUp/ISOlat1.html". Uma refer�ncia local, n�o completa, dos caracteres ISO est� aqui.

Adicionaremos �s frases do documento HTML os s�mbolos de acentua��o �s letras que assim necessitarem.

  1. Abra o arquivo HTML jv1.html no editor de texto
  2. Para cada letra acentuada da forma tradicional, substitua pela sua vers�o WWW de acentua��o. Use a vers�o local para apoio.
  3. Salve e Recarregue o arquivo HTML.

Sequ�ncias de Escape HTML

As marca��es de acentua��o s�o exemplos de uma classe geral de c�digos que s�o chamados de Seq��ncias de Escape. Na digita��o de HTML, voc� pode ter se perguntado: O que fazer se eu preciso usar os caracteres < (menor que) ou > (maior que)? Estes dois caracteres, mais o & (ampersand/e-comercial) tem significados especiais em HTML e n�o podem ser usados como caracteres comuns de texto. Ao inv�s, devem ser usadas seq��ncias de escape para consegui-los:

Entidade Caracter
&lt; <
&gt; >
&amp; &

Vamos aplicar estes s�mbolos na p�gina Joinville I. Na li��o anterior, foi acrescentada uma tabela de dist�ncias rodovi�rias de Joinville. Vamos dizer que a tabela n�o est� muito precisa. Acrescente sinais de Maior e Menor nas dist�ncias que voc� acha que est�o incorretas.

  1. Abra o arquivo jv1.html
  2. Sob o cabe�alho Dist�ncias Rodovi�rias acrescente os sinais para que as dist�ncias fiquem mais pr�ximas da realidade.

    Obs: Embora estejamos usando sequ�ncias de escape dentro de texto pr�-formatado, note que o browser interpreta apropriadamente e apresenta os caracteres especiais na fonte devida. As sequ�ncias de escape podem, ent�o, ser usadas em todas as por��es de um documento HTML, incluindo headers e �ncoras.

  3. Salve e Recarregue o arquivo HTML.

 

Revis�o

  1. Em HTML, qual � o modo correto de apresentar um THORN island�s?
  2. Por que s�o necess�rias as sequ�ncias de escape para os caracteres < e >?
  3. Por que � necess�ria a sequ�ncia de escape para o caracter &?

Pr�tica Independente

Em seu pr�prio documento HTML, altere os acentos para a forma correta de apresenta��o em HTML. Inclua alguma express�o aritm�tica que use um sinal de > ou < (sugest�o: Idade: > 25)

 

A seguir...

Construa uma bibliografia usando HTML

 

Página Inicial | Índice |