Como inserir símbolos de seta em sua página da web

Este artigo explica como inserir setas (e outros símbolos) em uma postagem de blog ou HTML de página da web usando o editor ou plataforma de sua escolha. Essas combinações de teclas são baseadas em Unicode, que navegadores da web reconhecer e se transformar nos símbolos desejados.

Como fazer uma seta para sua página da web

Você precisará de um dos três identificadores: o HTML5 código da entidade, o código decimal ou o hexadecimal código. Qualquer um dos três identificadores 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; no meio está uma abreviatura resumindo o que o símbolo é. Os códigos decimais seguem o formato

E comercial + hashtag + código numérico + ponto e vírgula, e os códigos hexadecimais inserem a letra X entre a hashtag e os números.

Por exemplo, para produzir um símbolo de seta para a esquerda (←), digite qualquer uma das seguintes combinações:

• HTML:

  ←

• Decimal:

  ←

• Hexadecimal:

  ←

Você deve inserir esses códigos diretamente no HTML usando uma ferramenta de edição de modo de texto ou modo de origem. Adicionar os símbolos a um editor visual pode não funcionar e colar o caractere Unicode desejado em um editor visual pode não resultar no efeito pretendido. Por exemplo, ao escrever uma postagem de blog usando WordPress, troque para Editor de Código modo em vez de Editor Visual modo para inserir um símbolo especial.

Símbolos de setas comuns

O Unicode oferece suporte a dezenas de tipos e estilos de setas. Observe o Mapa de Caracteres em seu computador para identificar estilos específicos de flechas.

Para abrir o Mapa de Caracteres, selecione Começar > Todos os programas > Acessórios > SistemaFerramentas > Mapa de caracteres (ou selecione janelas e entrar mapa de caracteres na caixa de pesquisa).

Ao destacar um símbolo, você verá uma descrição do símbolo na parte inferior da janela do aplicativo Mapa de Caracteres na forma de U +nnnn, onde os números representam o código decimal do símbolo.

Observe que nem todos Fontes do Windows exibir todas as formas dos símbolos Unicode, então se você não conseguir encontrar o que deseja, mesmo depois de alterar as fontes dentro do mapa de caracteres, considere fontes alternativas, incluindo as páginas de resumo W3Schools.

Símbolos de seta UTF-8 selecionados
Personagem	Decimal	Hexadecimal	Entidade	Nome Padronizado
←	8592	2190	←	seta esquerda
↑	8593	2191	↑	seta para cima
→	8594	2192	→	seta direita
↔	8595	2194	↔	seta para baixo
↕	8597	2195	seta para cima e para baixo
↻	8635	21BB	seta de círculo aberto no sentido horário
⇈	8648	21C8	setas emparelhadas
⇾	8702	21 FE	seta de cabeça aberta para a direita
⇶	8694	21F6	três setas direitas
⇦	8678	21E6	seta branca esquerda
⇡	8673	21E1	seta tracejada para cima
⇝	8669	21DD	seta para direita

Considerações

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

O padrão UTF-8 também inclui caracteres além das setas. Por exemplo, UTF-8 oferece suporte a caracteres, incluindo:

• Símbolos de moeda
• Símbolos semelhantes a letras que não são letras
• Operadores matemáticos
• Formas geométricas
• Formas semelhantes a caixas
• Dingbats
• Marcas diacríticas
• Caracteres gregos, coptas e cirílicos

O procedimento para inserir esses símbolos adicionais é exatamente o mesmo que para as setas.