Caracteres especiais & Encoding (X)HTML

Professor Jolvani

Aulas 27

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.

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

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

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.

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.

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

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

Caracteres Especiais & Encoding - (X)HTML Resultado final

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