O recuo do texto deve ser usado na web?


11

Pensei em adicionar recuo de texto no meu site (com a primeira linha de parágrafos recuada), mas primeiro procurei um pouco e descobri que muitos sites não têm recuo de texto. Por que é que? Eu pensei que fica mais claro onde os parágrafos começam, então por que não é usado com mais frequência?

Existe uma desvantagem séria, ou é apenas uma questão de moda / tendência?

Respostas:


8

Você pode separar parágrafos de várias maneiras.

Recuos

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 
    Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 
    Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

Linha em branco / espaço

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 

Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 

Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

Fleurons / Flourishes / ícones / insetos

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. ~•~ Nunc faucibus lectus id libero blandit, et varius 
augue vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. ~•~ 
Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

Números

1  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
   Curabitur in orci pellentesque, volutpat metus eget, interdum 
   mauris. 
2  Nunc faucibus lectus id libero blandit, et varius augue 
   vehicula. Cras eu dictum libero, a elementum velit. Fusce 
   ultrices malesuada elit, et convallis massa tristique in. 
3  Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
   Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
   velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
   sit amet neque aliquam ultrices eget vitae urna. 

Todos (assim como outros métodos) são todos válidos. O que geralmente é desaprovado é combiná-los, pois é um pouco redundante. Se você já tem um espaço entre parágrafos, o recuo não ajudará a separá-los visualmente.

Quanto ao motivo pelo qual você geralmente vê linhas / espaços em branco como a principal maneira de separar parágrafos na Web, é porque esse é apenas o padrão. Por padrão, a maioria dos navegadores tradicionalmente adicionava espaço entre as <p>tags. Portanto, não havia necessidade de usar recuos. Mas você certamente é livre para usar recuos, se preferir.


2
Interessante a coisa dos insetos. Mas não acho que seja útil. : o) - Os números (imho) significam algo adicional que apenas parágrafos diferentes.
Rafael

A utilidade do @Rafael é baseada em contexto. :) É certo que não é comumente usado.
DA01 23/06

Bem ... precisamos usar esses bugs nas caixas de comentários! --- Stack Exchange: EU QUERO PARÁGRAFOS EM COMENTÁRIOS! : o)
Rafael

@ Rafael, na verdade, é um excelente exemplo de onde seria útil! :)
DA01 23/06

1
"Bugs" (ou algo semelhante) foram usados ​​em muitas formas antigas de escrita. Eles são os separadores de parágrafos originais de uma época em que as superfícies de gravação eram limitadas e a densidade de informações era importante. Eu sugeriria usá-los em situações semelhantes. Os recuos também economizam espaço, em comparação com a alternativa de uma quebra de linha extra. Porém, a tipografia moderna da Web deve usar espaçamento sempre que possível para legibilidade.
Rich Remer

4

Essa é principalmente uma preferência pessoal e alguns argumentam por que as pessoas não usam um Drop Cap em vez de recuos também. Pessoalmente, o espaço entre parágrafos merece o recuo.

Minha compreensão do objetivo ao usar o recuo deve ser usada apenas para novos blocos de conteúdo ao escrever algo como uma postagem de blog para um site. Dito isto, quando algumas pessoas usam sites ou blogs do CMS, é difícil codificar um travessão nos parágrafos necessários quando vários tópicos estão em discussão, para que as tags de cabeçalho sejam usadas como separação.

Para resolver isso, você pode usar o grepjQuery para adicionar a text-indentpropriedade CSS em determinadas <p>tags. Portanto, para responder sua pergunta, essa é uma preferência pessoal. Para observar também se você está fazendo isso para algo como uma postagem de blog e não deseja que cada <p>tag seja recuada, você pode usar o pseudoelemento primeiro filho:

p:first-child {
  text-ident: 1.5em;
}

Historicamente, não havia uma maneira fácil de recuar parágrafos ou usar dropcaps no HTML. Quando o CSS foi longo, isso mudou as coisas.
DA01 23/06

1
não falam da idade das trevas assim;)
DᴀʀᴛʜVᴀᴅᴇʀ

Na tipografia clássica para matérias longas (ou seja, livros), o primeiro parágrafo de uma seção teria espaço acima e nenhum recuo, enquanto os parágrafos restantes teriam recuos. Isso geralmente era feito independentemente de haver ou não um título de cabeçalho ou seção. O primeiro parágrafo de uma quebra importante, como um capítulo, pode ter uma capitular ou uma capitular iluminada.
RBerteig

4

O texto deve ser recuado? Bem, isso é uma questão de preferência pessoal, mas a grande maioria dos sites que eu vi não recua parágrafos.

Você tem que olhar para a origem do HTML

Quando o HTML começou, não havia um guia padrão. HTML foi originalmente criado por Berners-Lee, que considerou quem escreveu o navegador e o software para servidor. As pessoas das principais organizações perguntaram quais comandos de formatação poderiam usar. Como os parágrafos no texto escrito têm espaço após eles, eles adotaram isso no HTML. É assim que a <p>tag funciona. As pessoas adotariam os padrões estabelecidos e não usariam o opcional.

Há também um trecho do documento HTML 2.0

O caractere de tabulação horizontal (posição de código 9 no conjunto de caracteres do documento HTML) deve ser interpretado como o menor número positivo diferente de zero de espaços que deixarão o número de caracteres até agora na linha como um múltiplo de 8. Os documentos não devem conter caracteres de tabulação , como eles não são suportados consistentemente.

http://www.ietf.org/rfc/rfc1866.txt

A diferença entre tabulação em processadores de texto e uso na web

Outra razão para a falta de recuo é o uso de Tab. Em um programa de processamento de texto, estamos acostumados a usar tab para recuar parágrafos. Bem, não é assim que as coisas funcionam na web. Quando os formulários foram criados no início dos anos 90, as pessoas usavam a tecla tab para pular para o próximo campo. Agora, as pessoas estão acostumadas a esse recurso, em vez de ter linhas de recuo de tabulação na Web.

Não há razão para que você não possa recuar um parágrafo na web. As pessoas estão acostumadas a não ter recuo nos parágrafos e espaço vertical.

p {
    text-indent: 20px;
}

1
A tecla Tab é um pouco de um arenque vermelho. A tecla Tab sempre foi usada para tabular entre os campos. Isso é anterior à web. É relevante para o textareacampo, mas não para a formatação geral de parágrafos em uma página da web (como o usuário não usa a tecla tab para ler parágrafos). Observe também que o HTML não é o que criou o espaço por padrão, mas em vez disso, a renderização padrão do navegador da tag de parágrafo é o que criou o espaço padrão (A técnica nit-escolher, é certo)
DA01

@ DA01 Berners-Lee não criou o software e o navegador que renderizariam o HTML? Entendo que um navegador renderiza o HTML, mas ele não criou os padrões para isso? O fato de a guia sempre ser usada para tabular entre os campos não é uma razão pela qual não foi implementada em HTML? Também o fato de o HTML não reconhecer espaços em branco.
AndrewH

2
Certo, mas não havia um 'padrão HTML' de como processá-lo. Aconteceu que ele escolheu usar espaçamento extra entre parágrafos em seu navegador específico. Outros navegadores adotaram esse padrão, mas nunca foi declarado um padrão de qualquer tipo no HTML.
DA01 23/06
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.