Espaço Invisível

Espaço invisível, letra invisível, caractere invisível. Chame como quiser!A verdade é que esse código invisível nada mais é do que um caractere unicode que pode ser representado por U+3164.Dentre suas várias utilidades, podemos criar um nick invisível no Free Fire (FF) por exemplo ou para usá-lo como espaço entre as palavras.Podendo até ser usado como quebra de linhas na bio do instagram.Abaixo vou deixar 3 tipos de espaços invisíveis para que você possa copiar.

Letra invisível no HTMLPodemos usar o nosso unicode invisível diretamente no HTML, sem precisar da folha de estilos CSS. Muitas da vezes os desenvolvedores sentem dificuldades para incluir mais de um espaço dentro do HTML, já que apenas apertando a barra de espaço mais de uma vez não funciona e esses vários espaços são interpretados como um só.E como podemos resolver isso?Simples…Com o nosso famoso espaço invisível ou letra invisível como queira chamar!O HTML permite que seja utilizado entidades para representar símbolos ou teclas. Você pode copiar a entidade que representa o espaço em uma das opções acima, essa entidade no html é chamada de “non-breaking space“.Depois de copiada basta colar entre os elementos que você deseja espaçar e pronto. A mágica acontece!Esse caractere invisível facilita bastante a vida de desenvolvedores, permite por exemplo usar regras de tabulação para indentar algum código de exemplo ou alguma formatação específica.Espaço invisível no CSSTambém podemos adicionar o espaço invisível pelo CSS, que é a folha de estilos que usamos juntamente com o html para poder organizar e estruturar a página conforme desejarmos.Não é possível adicionar a letra invisível copiando e colocando no CSS, para usarmos vamos precisar inserir um código hex. Sem muita enrolação, irei deixar um exemplo de como utilizar abaixo#sitenavmenu-content-menu li:before
{
content:"\00a0";
}

Caractere invisível no JavascriptNo javascript, diferente do HTML, não conseguimos simplesmente copiar nosso espaço invisível e colar em nossa IDE ou editor de código. Para utilizar a letra invisível precisamos utilizar o código do caractere \u00A0 .Um jeito rápido de adicionar o caractere invisível:var text = "a \u00A0\u00A0\u00A0 b"; // U+00A0console.log(text); // a b
Unicode da palavra invisível:→ Código unicode (hex): U+00A0
→ Javascript (hex): \u00A0 ou \u00a0
→HTML (decimal ou hex):   ou  
→ HTML (nome):  Inserindo um espaço invisível no HTML usando javascript
Existem algumas maneiras para fazer isso:Colando o código diretamente na string do javascript
usando a propriedade innerText ou textContent passando o código invisível unicode
usando a propriedade innerHTML passando nosso espaço invisível copiado acimaCódigos do espaço invisível em outras linguagens→ Java, C, C++: \u3164
→ Python: \u3164
→ Rust: \u{3164}
→ Ruby: \u3164
→ JavaScript, JSON: \u3164
→ CSS: \003164
→ Unicode: U+3164
→ URL: %E3%85%A4
→ HTML (hex): &#x3164
→ HTML (decimal): &#12644ConclusãoEspero que tenham gostado, tentei exemplificar aqui o mais detalhado possível sobre o espaço invisível e seus possíveis usos. Deixei também uma maneira simples, rápida e prática de utilizar a letra invisível simplesmente escolhendo o tamanho do espaço desejado e clicando no botão copiar.Existem diferentes código para o nosso caractere invisível, mesmo sendo na mesma linguagem e diferentes entidades html também, como por exemplo o &nbsp representando uma única letra invisível, temos o &ensp representando duas letras invisíveis e por ultimo o &emsp representando 4 letras invisíveis.Publicado Primeiro (fonte): https://espacosinvisiveis.com