⇐ Clique aqui para expandir o post. ⇒

segunda-feira, janeiro 30, 2012

HTML | Espaço em branco sem quebra de linha

Esta é uma dica rápida para quem precisa de um espaço em branco no texto com a garantia de que não haverá quebra de linha entre o termo anterior e o posterior ao espaço. O caratere que faz isso é   (No Break Space). Seguem alguns exemplos de uso.

R$ 13,00: se houver quebra de linha o símbolo da moeda fica separado do algarismo.

150 m: com quebra de linha entre os termos o símbolo de metro fica isolado no início da próxima linha.

55 (62) 2323-2323: número de telefone também fica estranho se o código de área ficar em linha separada.

10 pessoas: é preferível que o algarismo fique na mesmo linha do substantivo ao qual ele se refere.

Rio de Janeiro: em nomes próprios com dois ou três termos é desejável que não ocorra quebra de linha para melhor leitura. Em nomes com quatro termos ou mais verifique primeiro se o uso do recurso não vai atrapalhar a diagramação do bloco de texto.

Código:

R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro

Como fica:

R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro.

Como ficaria sem:

R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro, R$ 13,00, 150 m, 55 (62) 2323-2323, 10 pessoas, Rio de Janeiro.

Use Ctrl + e Ctrl - para perceber a diferença entre os dois blocos de texto com vários tamanhos de fonte.

Se você usa algum editor visual, como Blogger, Wordpress ou Windows Live Writer, fique na opção HTML até publicar o post porque esses editores apagam o caractere quando você coloca na opção Visual (se chama Escrever no Blogger).

Até mais!

Pix meutedio arroba mail ponto com

8 comentários:

  1. Desculpa Helen mas não consegui ver diferença alguma entre os textos!

    ResponderExcluir
    Respostas
    1. F3N1X, não precisa se desculpar por não ter percebido a diferença, apenas procure um oftalmologista. ;)

      Excluir
    2. KKKKKKKKKKKKKKKKKKKKKKKKKKKKK

      Excluir
    3. Simples, eu também não tinha percebido pois é pouco notório, se ler sem tentar reparar não vemos diferença, bom quem não viu diferença e só olhar onde diz 55 (62) 2323-2323, o 1 não separa o numero o segundo quebra a linha e separa o número, o que pode ser incomodo.

      Muito bom o artigo!
      Abraços: Matheus Rezende

      Excluir
    4. Aqui no meu navegador é MUITO diferente: o algarismo de metro fica separado do m, o algarismo da moeda fica separado de R$, tudo zuado.

      Excluir
    5. Aumentei o texto e alinhei à esquerda, acho que agora qualquer homem percebe a grande diferença.

      Excluir
  2. Adorei o seu post, muita investigação e conhecimento.

    ResponderExcluir
  3. Faz um tempão que não mexo com html, mas mesmo assim, passei minha vida toda usando isso da maneira errada, agora percebo rsrsrs

    Com seu texto entendi perfeitamente o funcionamento, nem imaginava que isso prevenia a quebra de linha, sempre achei que fosse um simples espaço.

    É... vivendo e aprendendo.

    ResponderExcluir

Todos os comentários são moderados pela autora do blog.