O que é um recuo de HTML?

Um recuo da HyperText Markup Language (HTML) é uma propriedade de marca ou CSS (cascading style sheet) que faz com que um ou mais elementos visuais em uma página da Web sejam movidos a uma certa distância da margem do seu bloco delimitador. O efeito de usar um recuo HTML é o mesmo que usar recuos na impressão. A maneira mais aceita de inserir uma indentação em um documento HTML é usar CSS para alterar a propriedade indentação de texto do parágrafo que contém o texto. Algumas instruções de formatação, como listas e citações de bloco, recuam automaticamente seu conteúdo para diferenciá-lo do texto ao redor. O uso de CSS para inserir um recuo HTML funciona apenas na primeira linha do parágrafo e não funciona em um bloco inteiro, o que pode ser alcançado com diferentes propriedades de formatação.

A maneira como o padrão HTML opera, vários espaços e o caractere de tabulação usado na maioria dos computadores para criar recuos são removidos dos arquivos antes que o código seja analisado para ser exibido. Isso significa que o texto que aparece formatado em um processador de texto não manterá essa formatação se colado diretamente em um documento HTML, a menos que o texto seja colado em um programa de edição de HTML o que você vê é o que obtém (WYSIWYG). Para ter um recuo para a primeira linha de um parágrafo ou para recuar todo um bloco de texto, códigos HTML e CSS especiais devem ser usados.

A propriedade indentação de texto dos elementos no nível do bloco no CSS recuará o primeiro item renderizado não formatado em um bloco. A quantidade do recuo deve ser especificada numericamente. A opção permite ao usuário especificar um número que diz ao navegador quantos pixels, pontos, centímetros ou outras formas de medida a linha deve ser recuada. Esse número também pode ser uma porcentagem da largura total do bloco. Esta opção CSS funciona apenas em um nível de bloco, recua apenas a primeira linha e não funciona em itens que já possuem um tipo predefinido de comportamento de formatação, como listas com marcadores.

Um recuo HTML suspenso é o oposto de um recuo padrão e puxará a primeira linha de um bloco para trás, para que seja renderizado à esquerda do restante das linhas do parágrafo quando o texto estiver alinhado para leitura da esquerda para a direita. A mesma propriedade recuo de texto é usada para um recuo HTML suspenso, exceto que o número da quantidade do recuo é negativo. Este método funciona apenas se os valores de margem e borda de um bloco forem grandes o suficiente para conter o recuo deslocado.

É possível definir um recuo HTML que move um bloco ou parágrafo inteiro. Isso pode ser feito com várias propriedades CSS no nível do bloco, incluindo a modificação das margens ou o espaçamento do bloco do contêiner em uma página. Isso também pode ser alcançado com tags HTML básicas, como blockquote ou pre, que significa texto pré-formatado. A desvantagem do uso de tags básicas para criar um recuo HTML é que a quantidade que o texto deve ser movido não pode ser controlada ou definida explicitamente.