Qu'est-ce qu'un retrait HTML?
Un retrait HTML (HyperText Markup Language) est une propriété de balise ou de feuille de style en cascade (CSS) qui déplace un ou plusieurs éléments visuels d’une page Web à une certaine distance de la marge de son bloc de sélection. L'utilisation d'un retrait HTML est identique à l'utilisation des retraits d'impression. La méthode la plus répandue pour insérer une indentation dans un document HTML consiste à utiliser CSS pour modifier la propriété text-indent du paragraphe contenant le texte. Certaines instructions de mise en forme, telles que les listes et les guillemets, indentent automatiquement leur contenu pour les différencier du texte environnant. L'utilisation de CSS pour insérer un retrait HTML ne fonctionne que sur la première ligne du paragraphe et ne fonctionne pas sur un bloc entier, ce qui peut être obtenu avec différentes propriétés de formatage.
Le mode de fonctionnement de la norme HTML, les espaces multiples et le caractère de tabulation utilisé sur la plupart des ordinateurs pour créer des indentations sont supprimés des fichiers avant que le code ne soit analysé pour être affiché. Cela signifie qu'un texte apparaissant dans un traitement de texte ne conservera pas cette mise en forme s'il est directement collé dans un document HTML, à moins que le texte ne soit collé dans un programme d'édition HTML WYSIWYG. Pour avoir une mise en retrait pour la première ligne d'un paragraphe ou pour mettre en retrait un bloc de texte entier, vous devez utiliser un code HTML et CSS spécial.
La propriété text-indent des éléments de niveau bloc dans CSS indentera le premier élément non formaté et rendu dans un bloc. Le montant de l'indentation doit être spécifié numériquement. L'option permet à l'utilisateur de spécifier un nombre indiquant au navigateur le nombre de pixels, de points, de centimètres ou d'autres formes de mesure que la ligne doit mettre en retrait. Ce nombre peut également être un pourcentage de la largeur totale du bloc. Cette option CSS fonctionne uniquement au niveau des blocs, n'indente que la première ligne et ne fonctionne pas sur les éléments ayant déjà un type de comportement de mise en forme prédéfini, tel que les listes à puces.
Un retrait HTML suspendu est le contraire d'un retrait standard et tire la première ligne d'un bloc vers l'arrière de sorte qu'il soit restitué à la gauche des autres lignes du paragraphe lorsque le texte est aligné pour une lecture de gauche à droite. La même propriété text-indent est utilisée pour un retrait HTML suspendu, sauf que le nombre correspondant au montant de l'indent est négatif. Cette méthode ne fonctionne que si les valeurs de marge et de bordure d'un bloc sont suffisamment grandes pour contenir le retrait suspendu.
Il est possible de définir un retrait HTML qui déplace un bloc ou un paragraphe entier. Cela peut être fait avec plusieurs propriétés CSS au niveau du bloc, y compris la modification des marges ou l'espacement plus profond du bloc conteneur dans une page. Cela peut également être réalisé avec des balises HTML de base telles que blockquote ou pre, qui correspond à du texte préformaté. L’inconvénient de l’utilisation de balises de base pour créer un retrait HTML est que le montant que le texte doit être déplacé ne peut pas être contrôlé ou défini explicitement.