Em HTML, não há caracteres para uma guia, mas estou confuso sobre o motivo de copiar e colar uma aqui:. (Você não pode ver toda a largura, mas se clicar para editar minha pergunta, verá o caractere.) Se eu puder copiar e colar um caractere de tabulação, deve haver um equivalente unicode que possa ser codificado em html . Sei que não existe, mas esse é um mistério que nunca fui capaz de entender.
Então, minha pergunta é: por que não há um caractere unicode para uma guia, mesmo que eu possa copiá-lo e colá-lo?
Respostas:
Claro que há uma entidade para guias:
(A guia é caractere ASCII 9 ou Unicode U + 0009.)
No entanto, assim como as guias literais (aquelas que você digita no seu editor de texto), todos os caracteres da guia são tratados como espaço em branco pelos analisadores HTML e recolhidos em um único espaço, exceto aqueles dentro de um
<pre>
bloco, onde as guias literais serão renderizadas como 8 espaços em um fonte monoespaçada.fonte
Tab
. (Eu acho que você pode ser confuso entidades HTML com o conjunto de caracteres Unicode.)Experimentar
 
conforme os documentos:
Link do Documentos: https://www.w3.org/MarkUp/html3/specialchars.html
fonte
coloque-o entre as
<pre></pre>
tags e use esses caracteres	
não funcionaria sem as
<pre></pre>
tagsfonte
	
sozinho, mas não funcionou. Obrigado por mencionar<pre>
!white-space: pre-wrap;
ouwhite-space: pre;
Postando outra alternativa para ser mais completo. Quando tentei as respostas baseadas em "pré", elas adicionaram quebras de linha verticais extras também.
Cada guia pode ser convertida em uma sequência de espaços sem quebra que não exige quebra automática.
Isso não é recomendado para uso repetido / extensivo em uma página. Uma abordagem de margem div / preenchimento pareceria muito mais limpa.
fonte
Eu uso
<span style="display: inline-block; width: 2ch;">	</span>
para uma guia com dois caracteres.fonte
A guia é [HT], ou número de caractere 9, na biblioteca unicode.
fonte
Como mencionado, por motivos de eficiência, os espaços sequenciais são consolidados em um espaço que o navegador realmente exibe. Lembre-se do que o ML em HTML representa. É uma linguagem de marcação, projetada para controlar como o texto é exibido. Não em branco: p
Ainda assim, você pode fingir que o navegador respeita as guias, já que tudo que o TAB faz é precedido de 4 espaços, e isso é fácil com o CSS. ou na fila como ...
Ou como uma classe regular em uma folha de estilos
Então o HTML pode parecer
fonte