⇐ 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.

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.

Contato por e-mail

Nome

E-mail *

Mensagem *