O espaço em um site parece ser uma coisa bastante simples. Mas a primeira vez que você tentar apertar a tecla várias vezes e não tiver essa informação na sua página, você perceberá que ela não é tão fácil quanto parece.
Existem várias maneiras de criar espaço em um site. Os dois primeiros são com tags HTML:
…
O marcador de parágrafo geralmente colocará um espaço entre os itens. Ele age como uma quebra de parágrafo.
No entanto, vários
de uma vez não vai fazer nada além de encher sua página. Alguns editores colocarão
em lugares para adicionar mais espaço, mas isso realmente não está usando o
tag, mas sim o personagem, que vamos chegar em um minuto.
o
tag destina-se a colocar apenas uma quebra de linha no fluxo do texto. No entanto, ele pode ser usado várias vezes em uma linha para criar longas seqüências de espaço em branco. O problema é que você não pode definir a altura e a largura do espaço, e é automaticamente a largura da página.
Margem e preenchimento CSS
Outra maneira de adicionar espaço aos documentos da sua página da Web é usar a margem e o preenchimento das propriedades CSS. Essa é uma maneira muito melhor de obter exatamente a quantidade de espaço desejada entre seus elementos. E você pode afetar mais do que apenas o espaço vertical em um documento.
O espaço non-breaking ()
Finalmente, há o espaço sem quebra. Essa entidade de caractere age exatamente como um espaço de texto normal, exceto que o navegador trata cada um individualmente.
Se você colocar quatro em linha, o navegador colocará quatro espaços no texto.
Note que os navegadores mais antigos podem não renderizar vários espaços sem quebra.
Usando Espaços Não Quebráveis em Tabelas
As tabelas geralmente fecham ou quebram se você não incluir algo na célula para mantê-la aberta. Por exemplo: Use o seguinte HTML para criar uma tabela com uma medianiz de 30 pixels:
Deve haver uma pequena quantidade de espaço à esquerda deste texto. Alguns navegadores irão exibi-lo corretamente, mas muitos ignorarão a solicitação de largura da tabela e colocarão o texto nivelado com a margem esquerda. Muito irritante! |
Para evitar que a coluna da tabela seja quebrada, use um espaço não separável:
| Deve haver uma pequena quantidade de espaço à esquerda deste texto. Com a maioria dos navegadores, ele será exibido corretamente. |
