1. Caracteres especiais &
Encoding
(X)HTML
Professor Jolvani
Aulas 27

2. Caracteres Especiais & Encoding - (X)HTML
 Olá estamos quase terminando nossas aulas xHtml.
 Hoje veremos caracteres especiais
 Abrimos a aula 19. Aula19.html
 Verifica que usamos acentos, “^”, “~”, “ç”...
 No nosso editor usamos um tipo de codificação...
 Em conjunto de caracteres temos vários deles...
 Na internet usa-se o padrão UTF-8, vc pode usar
outro...
 Se trocarmos em nosso editor, veja o que acontece.

3. Caracteres Especiais & Encoding - (X)HTML
 Altere a codificação em seu editor para Ansi (figura anterior) e
arrume a palavra com a codificação ilegível, salve e execute no
browser...
 Se usarmos um editor de texto como o dreamweaver por exemplo
observamos que ele gera algumas tags automaticamente inclusive
o padrão utf-8

4. Caracteres Especiais & Encoding - (X)HTML
 Dreamweaver - Padrão UTF-8
 Vou usar o topStyle para isso...
 Criamos nossa Aula20.html
 No top style não é adicionado a meta tag charset=utf-8, mas quando vc
salva o arquivo ele é automaticamente selecionado... E é necessário
adicioná-la...
 Porém nos temos a opção de mudar a codificação,
 No topStyle fica em ....

5. Caracteres Especiais & Encoding - (X)HTML
 TopStyle – Options – Options f8 – editor - Encoding
 De qualquer maneira use a tag
 <meta charset=“UTF-8”.
 Dependendo do encoding que utilizamos
vamos ter um tipo de visualização....
 No dreamwaver por exemplo se trocarmos o padrão de encoding
podemos receber um resultado totalmente diferente.

6. Caracteres Especiais & Encoding - (X)HTML
 No dreamwaver por exemplo se trocarmos o padrão de encoding
podemos receber um resultado totalmente diferente. (à).
 á = &aacute; modificou o caractere com acento no editor para
que ele fique acessível na web.

7. Caracteres Especiais & Encoding - (X)HTML
 Sem usar a teg meta podemos colocar em caracteres no editor....
 Vc não vai usar essa codificação então coloque a tag....

8. Caracteres Especiais & Encoding - (X)HTML
 Toda essa codificação serve para colocarmos caracteres especiais
e podemos encontra-los no site da W3C....
 Xhtml
 Lista de símbolos
 Veremos duas formas de representar
os símbolos (pelo numero ou nome)
 Represente o símbolo de soma e
 Marca registrada....

9. Caracteres Especiais & Encoding - (X)HTML
 Resultado final

10. Próxima Aula: W3C, Versões, HTML5