5 de jan de 2010

Usando HTML Símbolo Entidades

Alguns caracteres (por exemplo, o menor que e maior de sinais) estão reservados para marcação HTML. A fim de exibir esses caracteres como texto, você deve digitar a entidades HTML no código-fonte.Por exemplo, para exibir o sinal de menor que (<), você precisa entrar < da entidade) ou < entidade). Entre a lista de entidade, há uma porção de entidades símbolo que podemos usar no projeto de layout.
Exemplos: → ♥ ♫ ✓ ✗ • ☞ ✁ ★ "⊕.
Você já viu o símbolo boneco ☃ antes? Se não, continuar a este post para encontrar mais surpresa.


As vantagens de utilização de entidades em vez de imagens




Apostrofo e aspas
  • Ele carrega rápido, porque é a base do texto.
  • Escalável de acordo com o tamanho da fonte.
  • Fácil de mudar de cor e tamanho.


A maioria dos erros de tipografia comum encontrado na internet são, provavelmente, o mau uso do apóstrofo e aspas. Nós muitas vezes abusiva o principal símbolo ( ')como o apóstrofo (') ea dupla principal ( ") como as aspas (" ").
Para corrigir isso, você pode usar o direito de citação entidade única ( ’como o apóstrofo. Use a esquerda aspas duplas ( “ e aspas duplas” para as aspas.


Setas
Eu particularmente uso os símbolos de seta, útil para ser usado como setas de direção ou separadores.






Separadores de Link

Meu favorito para separar os links são • bullet (•) e ponto ⋅operador (⋅).





Marcas, direitos autorais, Licenciatura e MoedaAs outras entidades comumente utilizados são provavelmente as marcas registradas, direitos autorais, grau e símbolos de moeda.


Trademark ™ | © Copyright | Marca Registrada ®
Grau: 29 º | 26 ℃ | 60 ℉
Moeda: ¢ Cent | £ Pound | ¥ ¥ | € Euro





Símbolos para Web Design

Aqui algumas entidades que talvez você possa usar o layout de design:✉ ✍ ✎ ✓ ☑ ☒ ✗ ⊕ ⊗ ☞ ☜ ♫ ✄ ✁ ∞ ♨ ☢ ✈ ☰ ☷ ♥ ★ ☆ ☺ ☹

Símbolos Diversos

Aqui estão alguns símbolos variados que você provavelmente nunca vai usar (mas eles são legais):
♔ ♕ ♖ ♘ ♆ ✠ ♂ ♀ ♠ ♣ ♥ ♦ ☣ ☮ ☃ ☂ ☯ ☠



Problemas de renderização

Note que o Mac e Windows, tem sistema de renderização diferente. As entidades símbolo provavelmente irá aparecer diferente em diferentes sistemas operacionais.Verifique antes de usá-lo.




Links de referência

Para obter uma lista completa de referência da entidade, verificar Bigbaer.com - Character Entity Reference.


2 comentários:

  1. Como utilizo esse avião?
    Não consegui achar nos links, um link não está funcionando. Abraços

    ResponderExcluir
  2. Infelizmente o avião (&#9992;» ✈ Flight) não é compatível com o windows, quando ele é posto em formato de código ao invés de aparecer o avião fica o quadrado » " ✈ ", pois o que você ver no post é uma imagem.

    ResponderExcluir

Deixe seu comentário, mantendo o devido respeito, claro.