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.
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!
🏄🏄🏄 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 | < | < |
| > | greater than | > | > |
| & | ampersand | & | & |
| " | double quotation mark | " | " |
| ' | single quotation mark (apostrophe) | ' | ' |
| ¢ | cent | ¢ | ¢ |
| £ | pound | £ | £ |
| ¥ | yen | ¥ | ¥ |
| € | euro | € | € |
| © | copyright | © | © |
| ® | registered trademark | ® | ® |
Caracteres diatricos
| Acento | Letra | Entity Code Number | Entity |
| --- | --- | --- | --- |
| ̀ | a | à | à |
| ́ | a | á | á |
̂ | | a | â | â |
| ̃ | a | ã | ã |
| ̀ | O | Ò | Ò |
| ́ | O | Ó | Ó |
̂ | | O | Ô | Ô |
| ̃ | O | Õ | Õ |
Caracteres matemáticos
| Caracter | Entity Code Number | Entity Code | Resultado |
| --- | --- | --- | --- |
| ∀ | ∀ | ∀ | FOR ALL |
| ∂ | ∂ | ∂ | PARTIAL DIFFERENTIAL |
| ∃ | ∃ | ∃ | THERE EXISTS |
| ∅ | ∅ | ∅ | EMPTY SETS |
| ∇ | ∇ | ∇ | NABLA |
| ∈ | ∈ | ∈ | ELEMENT OF |
| ∉ | ∉ | ∉ | NOT AN ELEMENT OF |
| ∋ | ∋ | ∋ | CONTAINS AS MEMBER |
| ∏ | ∏ | ∏ | N-ARY PRODUCT |
| ∑ | ∑ | ∑ | 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.
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.
Visite meu GitHub: https://github.com/VagnerBellacosa
https://www.linkedin.com/in/vagnerbellacosa/
https://github.com/VagnerBellacosa/
