Aula 27 caracteres especiais & encoding

218 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
218
No SlideShare
0
A partir de incorporações
0
Número de incorporações
5
Ações
Compartilhamentos
0
Downloads
3
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aula 27 caracteres especiais & encoding

  1. 1. Caracteres especiais & Encoding (X)HTML Professor Jolvani Aulas 27
  2. 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. 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. 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. 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. 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. 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. 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. 9. Caracteres Especiais & Encoding - (X)HTML  Resultado final
  10. 10. Próxima Aula: W3C, Versões, HTML5

×