0

O que são entities HTML? [Voce Sabia?]

Vagner Bellacosa
Vagner Bellacosa

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.


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.



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!


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 https://www.w3schools.com/html/html_symbols.asp, existem centenas de codigos a sua espera.


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


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




0
0

Comentários (2)

0
Vagner Bellacosa

Vagner Bellacosa

13/07/2021 13:34

Obrigado pelo carinho Leandro. #tmj

1
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

Brasil