Skip to content

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

17 de abril de 2021

O que saber

  • Insira um código de entidade HTML5, código decimal ou código hexadecimal diretamente no HTML usando a ferramenta de modo de texto ou modo de origem.
  • Formatos de código: HTML5 = “&Código; Decimal = “& # Code;“Hexadecimal =”& # XCode;
  • Digite o Mapa de Caracteres no Windows Procurar barra para identificar as setas e seus códigos no mapa de caracteres.

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 a plataforma de sua escolha. Esses pressionamentos de tecla são baseados em Unicode, que os navegadores da web reconhecem e transformam nos símbolos desejados.

Como fazer uma seta para sua página da web

Lifewire / Miguel Co
Você precisará de um dos três identificadores: o código de entidade HTML5, o código decimal ou o código hexadecimal. 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: ←

A maioria dos símbolos Unicode não oferece códigos de entidade, portanto, eles devem ser atribuídos usando o código decimal ou 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, mude para Editor de Código modo em vez de Editor Visual modo para inserir um símbolo especial.

Visualize para mostrar a seta hexadecimal para a direita para adicionar à sua página

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

Mapa de caracteres do Microsoft Windows

Observe que nem todas as fontes do Windows exibem todas as formas 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 fontes alternativas, incluindo as páginas de resumo para 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 Edge, 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. O 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

UTF-8 serve como codificação padrão para quase 90 por cento de todas as páginas da web em novembro de 2018, de acordo com o Google. O procedimento para inserir esses símbolos adicionais é exatamente o mesmo que para as setas. Mais da Lifewire

  • Pessoa digitando acentos na palavra “túnel”

    Como digitar caracteres com marcas de acento agudo no Mac e PC

  • Carta especial em espanhol

    Como digitar símbolos e caracteres no Windows e Mac

  • Imagem do Google Maps de Manhattan

    Como adicionar um mapa do Google a uma página da web com API

  • Tags HTML

    Como digitar uma marca de acento grave em qualquer teclado

  • Caracteres especiais

    Como usar caracteres especiais em HTML

  • Pessoa digitando palavras do vocabulário em espanhol com a marca ~

    Como digitar uma marca de til

  • Imagem de arte vetorial de um navegador renderizando uma página da web em dois estilos diferentes, separados por uma barra no meio da página

    Como alterar a cor do texto em HTML

  • Um CD com o carimbo 'Proteção contra cópia'

    Como insiro um símbolo de direitos autorais de gravação de som P circulado no texto?

  • Ícone de balão de fala

    Como digitar Curly Quotes e Curly Apostrophes

  • Letras HTML com linguagens de marcação nas letras

    O que são linguagens de marcação?

  • Ilustração animada de um teclado com símbolos destacados

    Símbolos Comuns do Teclado

  • Sublime editor de texto

    Os 4 melhores editores de texto grátis

  • SeaMonkey

    Os 7 melhores editores de HTML WYSIWYG do Windows de 2021

  • Pessoa sorrindo enquanto usa um computador e faz transmissão ao vivo com uma webcam

    Como configurar uma página da web de webcam

  • CoffeeCup Free HTML Editor

    Os melhores editores da Web do Windows para iniciantes

  • Os pedestres passam por uma loja Haagen-Dazs

    Digite caracteres com marcas de trema

Lifewire

Siga-nos

  • Facebook

  • Sobre nós
  • Anunciar
  • Política de Privacidade
  • Política de Cookies
  • Carreiras
  • Diretrizes editoriais
  • Contato
  • Termos de uso
  • Privacidade da UE
  • Aviso de privacidade da Califórnia



Seus direitos de privacidade

A Lifewire e nossos parceiros terceirizados usam cookies e processam dados pessoais como identificadores exclusivos com base em seu consentimento para armazenar e / ou acessar informações em um dispositivo, exibir anúncios personalizados e para medição de conteúdo, percepção do público e desenvolvimento de produtos. Para alterar ou retirar suas opções de consentimento para Lifewire.com, incluindo seu direito de contestar quando um interesse legítimo é usado, clique abaixo. A qualquer momento, você pode atualizar suas configurações por meio do link “Privacidade da UE” na parte inferior de qualquer página. Essas escolhas serão sinalizadas globalmente para nossos parceiros e não afetarão os dados de navegação. Lista de parceiros (fornecedores)

Nós e nossos parceiros processamos dados para:

Digitalize ativamente as características do dispositivo para identificação. Use dados precisos de geolocalização. Armazene e / ou acesse informações em um dispositivo. Selecione o conteúdo personalizado. Crie um perfil de conteúdo personalizado. Avalie o desempenho do anúncio. Selecione anúncios básicos. Crie um perfil de anúncios personalizados. Selecione anúncios personalizados. Aplique pesquisas de mercado para gerar insights do público. Avalie o desempenho do conteúdo. Desenvolva e melhore produtos. Lista de parceiros (fornecedores)