7

Exemplo desse ícone: ❌

No modo desenvolvedor (F12, Google Chorme), não consigo ver qual o código desse ícone, aparece somente imagem. Porque isso acontece ? Tem algum segredo ?

Veja a imagem abaixo:

inserir a descrição da imagem aqui

Ao invés de mostrar imagem (❌), não deveria mostrar o código "&#10060" ?

15
  • 1
    Como assim, código? O símbolo é um carácter normal.
    – Jéf Bueno
    Commented 13/06/2018 às 23:47
  • @LINQ está me dizendo que esse ícone é um caractere ? Tem um link que mostra todos os códigos de cada ícones: apps.timwhitlock.info/emoji/tables/unicode#note4 Commented 13/06/2018 às 23:52
  • 1
    É um carácter Unicode, neste link tem todos
    – Jéf Bueno
    Commented 13/06/2018 às 23:53
  • 1
    @MatheusMiranda vai no console e coloque '❌'.charCodeAt(); o retorno será 10060 que é o código: &#10060
    – NoobSaibot
    Commented 13/06/2018 às 23:55
  • 1
    @MatheusMiranda Ótimo! Estamos aí pra isso.
    – Jéf Bueno
    Commented 14/06/2018 às 0:20

1 Resposta 1

6

Para esse caso, é utilizado o padrão Unicode (note que não é um encoding). De forma simples, é um mapeamento de chave e valor entre caracteres e seus códigos Unicode (ou code points).

Assim como no screenshot que você postou, todos os caracteres do nosso alfabeto são mostrados normalmente, assim são os emojis. No Unicode, tanto a letra a quanto o 🤓 são caracteres.

console.log(`a == ${'a'.charCodeAt()}`)
console.log(`🤓 == ${'🤓'.charCodeAt()}`)

A maior aplicação do Unicode é poder suportar vários alfabetos como o latino, grego, glagolítico, cirílico e outros utilizando o mesmo padrão.

Segundo o W3, todos os browsers, sistemas operacionais modernos, e os encodings utilizam Unicode internamente.

2
  • 1
    @MatheusMiranda Pense no Unicode como uma grande tabela: para cada caractere, existe um número correspondente. Para a letra a, o número é 97, para o emoji "carinha sorridente com óculos", é 55358, para o "X vermelho" é 10060, etc. A diferença é que os emojis permitem uma maior liberdade para serem representados de milhares de jeitos diferentes - é só ver como cada emoji tem um desenho diferente em cada sistema, por exemplo; o código unicode (o número) é o mesmo, mas a representação (o desenho) varia. Para saber mais, veja este artigo
    – hkotsubo
    Commented 14/06/2018 às 0:50
  • 1
    @hktsubo bom saber, vou ler nesse artigo e matar todas as minha dúvidas, obrigado ! Commented 14/06/2018 às 0:54

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .