Como você lida com espaços em branco em seu HTML [fechado]

Question

Uma das minhas maiores frustrações tipográficas em relação ao HTML é a maneira como ele confunde espaços em branco unidos.Por exemplo, se eu tiver:

<span>Following punctuation rules.  With two spaces after the period.  </span>

Um dos dois espaços seguintes ao ponto final será considerado um espaço em branco insignificante e será removido.É claro que posso forçar o espaço em branco a ser significativo com:

<span>Following punctuation rules.&nbsp; With two spaces after the period.  </span>

mas me irrita ter que fazer isso e geralmente não me incomodo.Alguém insere automaticamente espaços em branco significativos em envios de conteúdo externo destinados a uma página da web?

Answer 1

Para o seu exemplo específico, não há necessidade de se preocupar com isso.Os navegadores da Web realizam renderização tipográfica e colocam a quantidade correta de espaço entre os pontos e qualquer caractere que segue (e é diferente dependendo do próximo caractere, de acordo com as regras de kerning).

Se você quiser quebras de linha, <br/> não é grande coisa, não é?

---

Não tenho certeza do que vale um downmod aqui ...Você não deve forçar dois espaços após um ponto final, a menos que esteja usando uma fonte monoespaçada.Para fontes proporcionais, o rederer ajusta a quantidade certa de espaço após um ponto.Ver aqui e aqui para discussões detalhadas.

Answer 2

Se você realmente deseja que seu espaço em branco seja preservado, experimente a propriedade css:espaço em branco:pré;

Ou você pode simplesmente usar uma tag <pre> em sua marcação.

A propósito, é bom que os navegadores HTML ignorem os espaços em branco em geral, pois nos permite ter o código-fonte claramente formatado, sem afetar a saída.

Answer 3

Pode não ser muito elegante, mas aplico CSS a uma tag <pre>.

Sempre existe o atributo CSS “espaço em branco”, mas pode ser um pouco imprevisível.

Answer 4

Dê uma olhada no pré-etiqueta.Pode fazer o que você quiser.

Answer 5

Você pode usar um pré-bloco estilizado para preservar os espaços em branco.A maioria dos editores WYSIWYG também inserepara você...

No geral, é bom que o navegador ignore os espaços em branco.Basta ver você mesmo a fonte deste site e imaginar como o site ficaria maluco se todos os espaços fossem exibidos.

Answer 6

É melhor você usar espaço em branco:pré-envoltório do que espaço em branco:pré ouCom o seu exemplo, as últimas soluções podem iniciar uma nova linha em "regras". nsobre-brecuperável spás atingiu o fim da linha.

Answer 7

A tag PRE pode ser uma solução válida, dependendo da sua necessidade.No entanto, se você estiver tentando usar a regra de 2 espaços em frases em todo o seu site, logo descobrirá que os outros caracteres que a tag PRE preserva são o feed de linha/retorno de carro (ou a falta deles) que irão atrapalhar qualquer estilo que você tentar. pendência.

Em geral, tendo a ignorar a regra "2 espaços após uma frase", ou se você é um defensor disso, eu ficaria com o  , mas ocasionalmente você encontrará o problema declarado por Nicolas.

Answer 8

Existe uma página sobre esse assunto no webtypography.net.Esse site tem muitas outras coisas interessantes sobre a criação de texto para a web do ponto de vista da tipografia, coisas nas quais os designers de páginas da web muitas vezes nem pensam.Vale a pena ler.