Article image
Vagner Bellacosa
Vagner Bellacosa30/06/2021 10:14
Compartilhe
Curso HTML Developer
Recomendado para vocêFormação HTML Web Developer

O que são entities HTML? [Você Sabia?]

  • #HTML
  • #Boas práticas
  • #Soft Skill

O que são entities HTML?

Bem vindo jovem padawan, iniciamos nossa jornada com mais definições e dicas. Provavelmente ouviste falar sobre Entities HTML e nao faz a menor ideia do que se trata. Se estou correto, continue no artigo e descubra mais sobre esse palavrão.

Introdução

Como você viu no curso de introdução a internet HTML é uma linguagem de marcação utilizada desde os primórdios da Internet, vocacionada para a Língua Inglesa. Com a expansão ocorrida no século passado a internet chegou a países de língua latina.

Nesse ponto deu ruim, pois as línguas neo-latinas possuem dezenas de caracteres especiais, que surgiram na Idade Media, graças a monges copistas preguiçosos, que codificaram as primeiras linguagens escritas, mas isto é uma historia para outro artigo.

image

Mas onde entram as Entities HTML, nisso tudo?

Nao seja apreçado jovem aprendiz, mas vamos ao ponto. Com a expansão da WEB para o mundo latino, muitas palavras nao apareciam na Internet, os navegadores nao estavam preparados para isso, a solução foi publicar palavras com erros ortográficos.

Camoes, Cervantes, Dante e Estiene surtaram com essa solução, seus fantasmas assombraram os desenvolvedores para acabarem com esse crime linguístico. Com isso um comitê foi criado e criaram uma solução: as Entities.

image

Definição de Entities HTML

Como deve ter percebido, as entities foram a solução para o problema de limitação do caracteres especiais e sua correta formatação nas paginas web. Com isso matou dois coelhos com uma cajadada so, pois além dos caracteres ortográficos, os programadores inseriram de bonus alguns caracteres gráficos.

Vou deixar uma definição mais técnica : é um código que representa um caractere, ele inicia com & e termina com ;. O que vai no meio é o nome da entidade, do caractere. Podemos chamar de caracteres nomeados. Ele é usado principalmente com escape em caracteres que não podem ser facilmente colocados dentro do HTML. 

Unicode

Ficou claro? Mas pera que tem mais. Com o advento dos caracteres especiais UNICODE, o problema foi parcialmente solucionado e com isso as entities caíram em desuso para acentuação e são hoje usadas mais para caracteres especiais.

Mas espera ai, wtf é Unicode? Nao entre em pânico, é um padrão que permite representar e manipular em computadores todas as tabelas de texto existente no mundo. A Babel foi salva!

🏄🏄🏄 Descubra alguns Emoji em HTML Entity 🏃🏃🏃

Veja este artigo onde sao apresentado diversos Smilies, lembrando que cada navegador renderiza a sua propria maneira, entao nao fique desapontado ou triste.

https://web.dio.me/articles/descubra-alguns-emoji-em-html-entity

Conclusão

As entities foram criadas para solucionar um problema nos primórdios da internet e continuam em uso até hoje, então tenha atenção quando foi projetar e desenvolver paginas web, no seu cotidiano ira fazer muito uso delas.

Voltando as entities a continuação apresento uma tabela com os principais caracteres.

Caracteres especiais

 | Resultado | Descriçao | Entity | Entity Code Number | 

 | --- | --- | --- | --- | 

 |  | non-breaking space |   |   | 

 | < | less than | &lt; | &#60; | 

 | > | greater than | &gt; | &#62; | 

 | & | ampersand | &amp; | &#38; | 

 | " | double quotation mark | &quot; | &#34; | 

 | ' | single quotation mark (apostrophe) | &apos; | &#39; | 

 | ¢ | cent | &cent; | &#162; | 

 | £ | pound | &pound; | &#163; | 

 | ¥ | yen | &yen; | &#165; | 

 | € | euro | &euro; | &#8364; | 

 | © | copyright | &copy; | &#169; | 

 | ® | registered trademark | &reg; | &#174; | 

Caracteres diatricos

 | Acento | Letra | Entity Code Number | Entity |

 | --- | --- | --- | --- | 

 | ̀ | a | a&#768; | à | 

 | ́ | a | a&#769; | á | 

̂ | | a | a&#770; | â | 

 | ̃ | a | a&#771; | ã | 

 | ̀ | O | O&#768; | Ò | 

 | ́ | O | O&#769; | Ó | 

̂ | | O | O&#770; | Ô | 

 | ̃ | O | O&#771; | Õ | 

Caracteres matemáticos

 | Caracter | Entity Code Number | Entity Code | Resultado | 

 | --- | --- | --- | --- | 

 | ∀ | &#8704; | &forall; | FOR ALL | 

 | ∂ | &#8706; | &part; | PARTIAL DIFFERENTIAL | 

 | ∃ | &#8707; | &exist; | THERE EXISTS | 

 | ∅ | &#8709; | &empty; | EMPTY SETS | 

 | ∇ | &#8711; | &nabla; | NABLA | 

 | ∈ | &#8712; | &isin; | ELEMENT OF | 

 | ∉ | &#8713; | &notin; | NOT AN ELEMENT OF | 

 | ∋ | &#8715; | &ni; | CONTAINS AS MEMBER | 

 | ∏ | &#8719; | &prod; | N-ARY PRODUCT | 

 | ∑ | &#8721; | &sum; | N-ARY SUMMATION | 

Nao pense que acaba aqui, veja a tabela completa em

ht

tps://www.w3schools.com/html/html_symbols.asp

visite o site e conheça existem centenas de codigos a sua espera.

Espero ter ajudado, juntos somos mais fortes. Deixe um alo nos comentários.

Ate o próximo artigo.

image

image Mais momento jabá, em Portugal conheça a Muy Nobre e sempre leal cidade de Marvao com seus castelos na fronteira de Espanha, visite meu vídeo e veja para onde fui desta vez: https://www.youtube.com/watch?v=-LjdWWwrTSM

Bom curso a todos.

image ​Visite meu GitHub: https://github.com/VagnerBellacosa

image https://www.linkedin.com/in/vagnerbellacosa/

image https://github.com/VagnerBellacosa/

Pode me dar uma ajudinha no YouTube?

image https://www.youtube.com/user/vagnerbellacosa

Compartilhe
Recomendado para você
  • Curso JavaScript Developer
  • Curso CSS Developer
  • Curso UX Designer
Comentários (2)
Vagner Bellacosa
Vagner Bellacosa - 13/07/2021 13:34

Obrigado pelo carinho Leandro. #tmj

Leandro Carvalho
Leandro Carvalho - 01/07/2021 13:54

Nossa que explicação!!! Sempre quis saber o que eram esses símbolos quando apareciam no meu computador, depois desse artigo não apenas compreendi o que significa como ficarei mais atento a esses detalhes de agora em diante.

Analista Programador dinossauro IBM Mainframe
Recomendado para vocêCurso HTML Developer