Como inserir símbolos de seta na sua página da Web

Muito antes de os emojis colorirem os aplicativos de mensagens e caixas de entrada das pessoas, os desenvolvedores da Web inseriram símbolos especiais em suas páginas da Web, representadas no padrão Unicode UTF-8. Para inserir um desses símbolos Unicode, por exemplo, caracteres de seta padrão, um desenvolvedor deve editar uma página da Web diretamente, modificando o HTML que renderiza a página.

Por exemplo, se você escrever uma postagem no blog usando o WordPress, precisará alternar para o Texto modo em vez de Visual mode, togglable no canto superior direito da caixa de composição, para inserir o seu símbolo especial.

Como inserir símbolos de seta

Você precisará de um dos três identificadores: o código da entidade HTML5, o código decimal ou o código hexadecimal. Qualquer um dos três produz o mesmo resultado. Em geral, os códigos de entidade começam com um e comercial e terminam com um ponto-e-vírgula e no meio, uma abreviação resumindo o que é o símbolo. Códigos decimais seguem o formato E comercial + hashtag + código numérico + ponto e vírgula, enquanto os códigos hexadecimais inserem a letra X entre a hashtag e os números.

Por exemplo, um símbolo de seta para a direita (←) é inserido na página por qualquer uma das seguintes combinações:

Vou exibir ←

A maioria dos símbolos Unicode não ofereça um código de entidade, então eles devem ser atribuídos usando o código decimal ou hexadecimal.

Esses códigos devem ser inseridos diretamente no HTML usando algum tipo de ferramenta de edição de modo de texto ou de fonte. Adicionar os símbolos a um editor visual pode não funcionar e colar o caractere Unicode que você deseja em um editor visual pode não resultar no efeito pretendido.

Símbolos de setas comuns

Use a tabela a seguir para encontrar um símbolo que você deseja. O Unicode suporta dezenas de tipos e estilos diferentes de setas. Observar o mapa de caracteres no seu PC com Windows pode ajudá-lo a identificar estilos específicos de setas. Quando você realça um símbolo, você frequentemente vê uma descrição na parte inferior da janela do aplicativo Mapa de Caracteres na forma de U + nnnn , onde os números representam o código decimal para o símbolo.

Observe que nem todas as fontes do Windows exibem todos os formulários dos símbolos Unicode, portanto, se você não conseguir encontrar o que deseja, mesmo depois de alterar as fontes dentro do Mapa de Caracteres, considere origens alternativas, incluindo as páginas de resumo do W3Schools.

Símbolos de seta UTF-8 selecionados

Personagem	Decimal	Hexadecimal	Entidade	Nome Padronizado
←	8592	2190	←	Seta para a esquerda
↑	8593	2191	↑	Seta para cima
→	8594	2192	→	Seta para a direita
↔	8595	2194	↔	Seta para baixo
↕	8597	2195		Seta para baixo
↻	8635	21BB		Seta de círculo aberto no sentido horário
⇈	8648	21C8		Setas para cima emparelhadas
⇾	8702	21FE		Seta para a frente aberta
⇶	8694	21F6		Três setas para a direita
⇦	8678	21E6		Seta Branca Esquerda
⇡	8673	21E1		Para cima seta tracejada
⇝	8669	21DD		Seta de rabisco para a direita

Considerações

O Microsoft Edge, o Internet Explorer 11 e o Firefox 35 ou navegadores mais recentes não têm dificuldade em exibir o intervalo completo de caracteres Unicode capturados no padrão UTF-8. O Google Chrome, no entanto, perde intermitentemente alguns caracteres se eles forem apresentados usando apenas o código da entidade HTML5.

O UTF-8 funciona como a codificação padrão de quase 90% de todas as páginas da Web até agosto de 2017, de acordo com o Google. O padrão UTF-8 inclui caracteres além das setas. Por exemplo, o UTF-8 suporta caracteres incluindo: