L'insertion d'un espace dans le html est nécessaire pour l'affichage correct du texte sur la page web conformément aux effets conçus par l'auteur. Selon la complexité de la tâche, vous pouvez utiliser à la fois des espaces insécables ordinaires et contrôler le nombre d'espaces à l'aide des propriétés css.
Il est nécessaire
éditeur html
Instructions
Étape 1
Si vous devez insérer un espace ordinaire entre les mots (obtenu en appuyant sur la touche Espace), vous n'avez pas besoin d'effectuer d'actions spéciales - n'importe quel nombre d'espaces ordinaires consécutifs dans le code html ressemblera à un sur la page Web.
Étape 2
Pour conserver le nombre exact d'espaces entre les mots, remplacez chaque espace régulier par " (sans les guillemets) - il s'agit du code d'espace insécable en html. Par exemple: « Il y a deux espaces entre chaque mot. Un espace insécable est inséré entre deux mots afin qu'ils ne soient pas séparés lorsqu'ils sont renvoyés sur une autre ligne. Pour le placement automatique d'espaces insécables dans le texte, il est pratique d'utiliser l'outil bien connu d'Artemy Lebedev - "Typograf" (https://www.artlebedev.ru/tools/typograf/).
Étape 3
Une autre façon d'insérer la quantité souhaitée d'espaces en html entre les mots: placez la partie souhaitée du texte dans les balises et. Ensuite, les mots seront affichés dans une police à espacement fixe, mais tous les espaces habituels entre les mots seront conservés lors de l'affichage sur la page Web. Veuillez noter que la balise a quelques particularités: certaines autres balises ne sont pas autorisées à l'intérieur: et ,,,,.
Étape 4
Une méthode plus complexe pour contrôler la gestion des espaces blancs: utilisez la propriété white-space css avec la valeur pre ou pre-wrap (sans retour à la ligne à l'intérieur de l'élément et avec retour à la ligne, respectivement). Spécifiez cette propriété dans la description du style de page ou dans un élément de mise en page HTML séparé. Lorsque vous utilisez cette méthode, la police ne passe pas à un espacement fixe et le nombre d'espaces entre les mots est conservé. Exemple: Comment insérer un espace dans le code html ?Ou:.free_spaces {white-space: pre-wrap;} … Comment insérer un espace dans le code html ?
