Nous créons un espace insécable dans Word de différentes manières. Espaces en HTML. Comment insérer

Bonjour, chers lecteurs du site blog. Un peu plus tôt, nous avons déjà réussi à en parler et à en apprendre davantage sur le design. Aujourd'hui, nous avons tour à tour la notion d'espace blanc en HTML, ainsi que le formatage du code associé lors de son écriture (pour la commodité de sa lecture et de sa perception ultérieure).

Eh bien, étant donné que nous aborderons le sujet des espaces insécables et de la césure douce, nous devrons concentrer notre attention sur les caractères dits spéciaux ou mnémoniques utilisés dans le langage HTML, qui vous permettront d'ajouter de nombreux caractères supplémentaires au code du document web, comme ceux déjà mentionnés ci-dessus. Mais tout d’abord.

Espaces et caractères d'espacement en HTML

Avant d'aborder la question de la mise en forme du texte à l'aide de balises spécialement conçues à cet effet (paragraphe, titres, etc.), je souhaite m'attarder sur la façon dont les espaces, les sauts de ligne (Entrée) et les tabulations sont interprétés dans le langage HTML, et comment la rupture est effectué le texte dans la fenêtre du navigateur lorsqu'il est redimensionné.

Certes, pour ce type de mise en forme visuelle (qui ne sera pas visible sur la page web), ce ne sont le plus souvent pas les espaces eux-mêmes qui sont utilisés, mais plutôt les caractères de tabulation et de saut de ligne. Il existe une telle règle : lorsque vous commencez à écrire une balise HTML imbriquée, alors indenter à l'aide de tabulations(touche Tab du clavier), et lorsque vous fermez cette balise, supprimez l'indentation (combinaison de touches Maj + Tab sur le clavier).

Cela doit être fait pour que les balises d'ouverture et de fermeture soient au même niveau vertical (au même nombre d'onglets à partir du bord droit de la page dans votre éditeur HTML, par exemple Notepad++, dont j'ai parlé). De plus, je vous conseille de faire immédiatement après avoir écrit l'élément d'ouverture plusieurs sauts de ligne et d'écrire immédiatement celui de fermeture au même niveau (nombre de tabulations), pour ne pas oublier de le faire plus tard.

Ceux. les éléments d'ouverture et de fermeture doivent être au même niveau verticalement, et les balises internes doivent être décalées d'un caractère de tabulation et placer à nouveau celles de fermeture et d'ouverture au même niveau.

Pour des documents Web simples, cela peut sembler excessif, mais lors de la création de documents plus ou moins complexes, ils le code deviendra beaucoup plus clair et lisible en raison de l'abondance des espaces, et il sera également beaucoup plus facile de repérer les erreurs dues à la disposition symétrique des balises.

Caractères spéciaux ou mnémoniques dans le code HTML

Parlons maintenant des caractères dits spéciaux, dont j'ai annoncé la facilité d'utilisation au début de cet article. Les caractères spéciaux sont aussi parfois appelés mnémoniques ou substitutions. Ils visent à résoudre un problème qui se pose depuis un certain temps dans le langage de balisage hypertexte, lié aux encodages utilisés.

Lorsque vous tapez du texte au clavier, les caractères de votre langue sont encodés selon un algorithme prédéterminé, puis ils sont affichés sur le site à l'aide des polices que vous utilisez (où les trouver et comment les installer pour le site) grâce au décodage.

Il existe de nombreux encodages, mais pour le langage HTML, la version étendue des encodages a été adoptée par défaut.

Dans ce codage de texte, il n'était possible d'écrire que 256 caractères - 128 en ASCII et 128 autres en lettres russes. En conséquence, un problème est survenu avec l'utilisation sur les sites de caractères qui ne sont pas inclus dans ASCII et ne sont pas des lettres russes faisant partie du codage Windows 1251 (CP1251). Eh bien, vous avez décidé d'utiliser un tilde ou une apostrophe, mais une telle possibilité n'était pas initialement incluse dans l'encodage utilisé par le langage HTML.

C'est pour de tels cas que les substitutions ou, en d'autres termes, les mnémoniques ont été inventées. Initialement les caractères spéciaux avaient une forme numérique, mais ensuite, pour les plus courants, leurs homologues en lettres ont été ajoutés pour les rendre plus faciles à retenir.

De manière générale, un mnémonique est un caractère qui commence par une esperluette « & » et se termine par un point-virgule « ; ». C'est sur la base de ces caractéristiques que le navigateur, lors de l'analyse du code HTML, en extrait les caractères spéciaux. L'esperluette dans le code générique numérique doit être immédiatement suivie d'un signe dièse "#", parfois appelé dièse. Et ce n'est qu'alors que suit le code numérique du caractère souhaité en codage Unicode.

Plus de 60 000 caractères peuvent être écrits en Unicode - l'essentiel est que le symbole mnémonique dont vous avez besoin soit pris en charge par la police utilisée sur votre site. Certaines polices prennent en charge presque tous les caractères Unicode, et il existe des options uniquement avec un certain jeu de caractères.

La liste complète des caractères spéciaux sera tout simplement énorme, mais mnémoniques les plus couramment utilisés vous pouvez emprunter par exemple à ce tableau :

Il y a un sujet assez intéressant moyen d'obtenir le code mnémonique HTML pour le signe dont vous avez besoin. Pour ce faire, ouvrez simplement l'éditeur Microsoft Word, créez un nouveau document et sélectionnez « Insérer » - « Symbole » dans le menu supérieur (j'utilise la version 2003, donc je ne sais pas comment faire une opération similaire dans les versions ultérieures ).

Dans la fenêtre qui s'ouvre, vous devez sélectionner une police, par exemple Times New Roman (ou toute autre qui sera évidemment présente sur la majorité des ordinateurs des visiteurs de votre site - Courier ou Arial par exemple).

Ajoutez tous les caractères spéciaux dont vous avez besoin dans la liste qui s'ouvre sur votre document Word et enregistrez ce document Word en tant que page Web (sélectionné dans la liste déroulante « .html » lors de l'enregistrement). Eh bien, tout ce que vous avez à faire est d'ouvrir cette page Web dans n'importe quel éditeur HTML (le même Notepad++ fera l'affaire) et vous verrez tous les codes numériques des mnémoniques dont vous avez besoin :

La méthode est un peu compliquée, mais si vous souhaitez utiliser un caractère spécial rare sur la page de votre site Web, ce sera alors plus facile que de rechercher sur Internet des tableaux comme celui présenté juste au-dessus. Vous devrez coller le code de caractère spécial obtenu au bon endroit et à la place, sur la page Web, le navigateur affichera le caractère dont vous avez besoin (par exemple, un espace insécable).

Espace insécable et trait d'union souple dans les exemples

Comme je l'ai déjà mentionné plus haut et comme vous pouvez le constater sur le tableau des caractères spéciaux donné juste au-dessus, certains mnémoniques en HTML ont reçu, en plus du numérique, également une désignation symbolique pour une mémorisation plus facile. Ceux. Au lieu du signe dièse « # » (dièse), les mots sont utilisés dans des variantes symboliques. Par exemple, le même espace insécable peut être écrit sous la forme (mnémonique numérique) ou sous la forme (caractère).

Lors de la rédaction d'articles, si vous devez insérer une esperluette (&) ou un crochet ouvert (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

Autrement dit, si vous écrivez un article dans lequel vous devrez insérer, par exemple, l'affichage d'une balise dans le texte< body>ou il vous suffit d'insérer un signe inférieur à (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

Par conséquent, vous devrez insérer la construction suivante pour résoudre un problème similaire :

Il en va de même pour l'affichage du code des mnémoniques eux-mêmes, puisqu'ils commencent par une esperluette. Vous devrez insérer le code dans le texte en remplaçant le signe esperluette par sa substitution (caractère spécial) :

Cela devra être fait pour accéder à la page<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

Vous utiliserez également très probablement un espace insécable, qui ressemblera à un espace normal sur une page Web, mais le navigateur ne le traitera pas du tout comme un espace et n'effectuera pas de transferts dessus(par exemple, cela conviendra pour des expressions telles que 1400 Go, etc., qu'il ne serait pas conseillé de couper sur différentes lignes) :

1400 Go.

Parfois, la situation inverse peut se produire, lorsque le texte contient des mots très longs et que vous souhaitez vous assurer que, si nécessaire, le navigateur Je pourrais briser ces mots avec une césure. À ces fins, un symbole spécial « transfert doux » est fourni -

Long, long mot ;

Lorsqu'il devient nécessaire de passer à une autre ligne, le navigateur utilisera un trait d'union au lieu du mnémonique de trait d'union souple et enverra le reste du mot à la ligne suivante. S'il y a suffisamment d'espace pour placer ce mot entier sur une seule ligne, le navigateur ne tracera aucun saut de ligne. C'est aussi simple que cela.

Bonne chance à vous ! A bientôt sur les pages du site blog

Vous pouvez regarder plus de vidéos en allant sur

Vous pourriez être intéressé

MailTo - qu'est-ce que c'est et comment créer un lien en HTML pour envoyer un e-mail
Balises et attributs des rubriques H1-H6, ligne horizontale Hr, saut de ligne Br et paragraphe P selon la norme Html 4.01
Comment insérer un lien et une image (photo) en HTML – Balises IMG et A

Les utilisateurs du programme Word peuvent tôt ou tard rencontrer un problème tel qu'un grand écart entre les mots. Ce problème est assez bien étudié et il existe de nombreuses façons de le résoudre. Mais dans cet article, nous ne parlerons que d'une seule manière : comment créer un espace insécable dans Word 2007. Cette fonction est très utile, surtout si le problème vous dérange assez souvent.

Espace insécable : les raccourcis clavier et leur fonction

Comme mentionné ci-dessus, pour vous éviter le problème de la saisie de longs espaces lors de la saisie de texte dans Word, vous devez utiliser un espace spécial. Nous allons maintenant parler de la façon de le faire dans Word.

Afin de ne pas tourner autour du pot, il convient de dire tout de suite qu'il existe une combinaison de touches spéciale pour entrer dans un tel espace - CTRL+SHIFT+ESPACE. Vous pouvez essayer d'appuyer dessus vous-même. Bien sûr, si vous n’avez pas eu de problème avec les espaces longs, vous ne remarquerez pas la différence (entre les espaces réguliers et insécables). Cependant, vous pouvez utiliser cette méthode partout pour vous protéger contre un formatage incorrect des documents.

Vous savez maintenant comment créer un espace insécable dans Word, mais tout le monde ne pourra pas se souvenir d'une telle combinaison ou il sera tout simplement gênant de la saisir à chaque fois. Pour vous faciliter la vie, vous pouvez utiliser la réaffectation de ces raccourcis clavier. Parlons-en maintenant.

Vous devez aller dans le menu "Caractères spéciaux". Pour cela, allez dans l'onglet "Insertion", sélectionnez "Symboles" et cliquez sur "Autre". Maintenant, dans la fenêtre, accédez à l'onglet dont nous avons besoin - "Caractères spéciaux". Maintenant dans la liste, recherchez la ligne « Espace insécable ». Double-cliquez sur le champ et saisissez la combinaison qui vous convient.

Vous savez maintenant non seulement comment créer un espace insécable dans Word, mais également comment lui attribuer indépendamment une clé. Mais ce n’est pas tout ce dont nous aimerions parler.

Installation de la correction automatique

Si vous ressentez toujours une gêne lorsque vous appuyez sur une combinaison de touches donnée, il existe un autre moyen de créer un espace insécable dans Word. Cela implique l’attribution d’une correction automatique. Il s'agit d'une option très utile non seulement pour imprimer des espaces insécables.

Tout d'abord, vous devrez placer (en termes simples, copier) l'élément souhaité dans le presse-papiers, dans notre cas un espace insécable. Après cela, vous devez accéder au menu « Caractères spéciaux » déjà familier. Dans cette fenêtre, cliquez sur le bouton "Correction automatique" qui se trouve en dessous.

Vous voyez maintenant la fenêtre de correction automatique. Vous devez saisir dans le champ "Remplacer" les caractères qui seront remplacés par un espace insécable, et dans le champ "À" insérer ce même espace. N'oubliez pas de cocher la case "Texte brut". Après cela, cliquez sur le bouton "Ajouter".

Vous avez donc appris à créer un espace insécable dans Word, la méthode à utiliser dépend de vous. Parlons maintenant de l'espace spécial.

Espace spécial

Le principe de création d'un espace insécable dans Word est très similaire à la création d'un caractère spécial. Au moins, l’essence est pratiquement la même. Utilisez un caractère spécial si vous souhaitez définir une distance spécifique entre les lettres ou les mots. Soit dit en passant, ce symbole est appelé espace étroit insécable.

Ainsi, pour définir un symbole donné, vous devez ouvrir le tableau de tous les symboles. Sélectionnez maintenant « Texte brut » dans la liste déroulante « Police » et « Ponctuation » dans la liste « Type ». Maintenant, parmi les nombreux symboles différents, trouvez celui dont vous avez besoin : un espace étroit et insécable. Si quoi que ce soit, son nom est affiché au-dessus du bouton "Correction automatique".

Après avoir trouvé le symbole, cliquez sur le bouton "Insérer", après quoi le symbole sera inséré à l'emplacement que vous avez spécifié. Si vous vous demandez à quoi cette fonctionnalité pourrait être utile, elle est idéale pour saisir des dates. Ainsi, les chiffres « 2017 » seront écrits à côté du mot « Année », et il n'y a aucun moyen de les éloigner.

Affichage des caractères non imprimables

Tout ce dont nous avons parlé dans cet article concernait les caractères non imprimables. Comme leur nom l’indique, ils sont invisibles dans le texte. Mais il existe une option spéciale dans le programme qui vous permet de les afficher. Il s'agit du bouton correspondant sur le panneau supérieur du programme. Sur l'image, vous pouvez voir son emplacement et l'icône elle-même.

Après avoir cliqué sur ce bouton, tout le monde sera affiché dans le texte et si vous devez interagir avec eux, c'est la seule façon de le faire.

À propos, l'article fournissait des exemples pour la version 2007 de Word, mais si vous vous demandez comment créer un espace insécable dans Word 2010, ces instructions devraient également vous convenir.

Tous les auteurs expérimentés ne savent pas ce qu'est un espace insécable et pourquoi il est nécessaire, et nous ne pouvons même pas parler des débutants.

Pourquoi avez-vous besoin d’un espace insolite ?

Beaucoup, même s'ils ont entendu parler de ce concept, leurs connaissances se limitent au fait que MS Word, lors de la saisie de nombres avec des séparateurs de milliers, remplace automatiquement l'espace régulier par un espace insécable. En mode normal, cela n'est pas perceptible ; vous ne pouvez voir la différence que dans un mode de fonctionnement spécial du programme, qui peut être activé en cliquant sur le bouton ¶ de la barre d'outils.

L'espace insécable est nécessaire pour garantir que le passage d'une ligne à l'autre est correct. Ce n'est un secret pour personne que les éditeurs de texte et les navigateurs déplacent automatiquement le texte vers une nouvelle ligne lorsque la ligne actuelle est pleine. En même temps, ils ne sont pas du tout guidés par les règles de la langue russe. L'espace insécable est nécessaire pour interdire faites un saut de ligne à ce stade.

Quand vous avez besoin d'un espace insécable

1. Séparation des groupes de décharges

Comme indiqué ci-dessus, lorsque vous séparez des chiffres par un espace, vous devez utiliser sa version insécable.

2. Initiales et noms de famille

Si les initiales sont sur une ligne et le nom de famille sur l’autre, c’est pour le moins moche. Pour réduire le risque de césure incorrecte, certains éditeurs conseillent de ne pas mettre d'espace entre les initiales. Cependant, il est plus correct de les séparer par des espaces insécables.

3. Abréviations

Ceux-ci incluent des phrases et des expressions

4. Abréviation et nom propre

5. Unité de mesure, mot de comptage, signe spécial et numéro associé

Autres cas où vous avez besoin d'un espace insécable :

1. Lors de l'insertion d'un tiret dans le texte.

Il est bon de rendre l’espace avant le signe continu et après normal.

2. Opérations mathématiques binaires

Ici, un espace insécable est également utilisé avant le signe mathématique et un espace régulier après celui-ci.

3. Un espace insécable doit être utilisé pour séparer les conjonctions, prépositions et mots d'une ou deux lettres des mots précédents : et, a, mais, pareil, serait, que ce soit, dans, avec, toi, moi, etc.

Comment insérer dans le texte

Vous pouvez décider qu'il est de la responsabilité de la personne qui publiera le texte d'utiliser correctement les espaces. Cependant, un auteur qui se respecte et respecte ses clients insère immédiatement les espaces corrects dans le texte.

Insérer un espace insécable dans un éditeur de texte

Un raccourci clavier vous aidera Alt+255 ou :

Vous pouvez également retrouver cette fonction dans le panneau Word :

À contrôle en utilisant un espace, vous devez prendre l'habitude de taper et de relire les textes dans un mode où tous les caractères non imprimables sont affichés. Sinon, vous ne pourrez pas distinguer à l’oeil nu un espace ordinaire d’un espace incassable.

Espace insécable en HTML

Cela devra être fait manuellement - lors de la copie de texte dans un éditeur visuel, ce dernier remplacera les espaces insécables par des espaces normaux.

Espace insécable et SEO

Parfois, les spécialistes de la promotion sont catégoriquement opposés à l'utilisation d'espaces insécables et de sauts de ligne dans le texte (
), motivant cette approche par le fait qu'elle interfère avec la promotion. Ce n'est pas tout à fait vrai. Les moteurs de recherche traitent ces balises tout à fait normalement si elles sont insérées correctement. Une mauvaise utilisation rend difficile la promotion, par exemple ou nbsp ; (sans &).

Taper des équations ou des fonctions mathématiques dans Word n’est pas difficile. Dès que le curseur atteint la fin de la ligne et passe à la ligne suivante, un problème apparaît, car une certaine structure intégrale se brise, ce qui ne peut être autorisé. Créer un espace insécable dans Word prendra un peu de temps. Vous trouverez ci-dessous plusieurs façons d'ajouter un espace non séparé.

Espace insécable à l'aide d'un raccourci clavier

Pour créer un espace insécable, vous devez utiliser la combinaison de touches suivante « Maj + Ctrl + Espace », où « espace » est un espace sur le clavier.

Il faut appuyer sur la combinaison de touches « Maj + Ctrl + Espace » après chaque caractère, puis la fonction souhaitée sera écrite et déplacée vers la ligne suivante et constituera une composition complète. Pour un exemple, regardez l’image ci-dessous.

L'image ci-dessous montre une option ; si vous utilisez le signe « espace » habituel, le fragment de texte perdra son intégrité et s'étirera jusqu'à la deuxième ligne, ce qui est très disgracieux et incorrect.

Comment savoir s’il existe un caractère espace non séparé ?

Accédez à l'onglet « Accueil » dans la sous-section « Paragraphe » et activez le bouton « Caractères cachés ». Reportez-vous à l'image ci-dessous.

Cette icône apparaîtra tout au long du texte, aux endroits où il y a un espace. Connaissant cette astuce, vous pouvez supprimer ou mettre un espace insécable au bon endroit. Le texte où il y a un vide ininterrompu est très soigné. L'essentiel est que l'espace insécable accomplisse la tâche principale.

Avec un espace simple, il y aura des points entre les mots ; dans le cas d'un espace insécable, des cercles en forme de signe degré seront indiqués. Si soudainement la phrase ne s'enroule pas sur une seule ligne, utilisez le bouton « Symboles cachés » pour vérifier, ce qui indiquera si des espaces non séparés sont inclus partout.

Espace insécable grâce à la fonctionnalité Plus de caractères

Vous pouvez ajouter un espace insécable en utilisant :

Vous pouvez également mémoriser le code de signe « 202F » pour le futur ; il fonctionnera lorsque vous appuierez sur la combinaison de touches Alt+X (x en anglais).

Si vous développez des fichiers HTML, vous avez probablement remarqué cette fonctionnalité lorsque le navigateur ignore les espaces. Il peut y en avoir un nombre illimité dans le code source, mais au final un seul est visible. Le plus souvent, une telle limitation n’a qu’un effet positif sur la production d’informations. Après tout, vous pouvez parfois ajouter accidentellement plusieurs espaces, ce qui entraîne un document désorganisé. Et grâce à une contrainte, la distance entre les mots sera toujours fixe. Mais parfois, il est nécessaire de créer un espace double ou triple ; le HTML vous permet de créer une distance illimitée entre les mots à votre discrétion. Ce besoin peut être satisfait de plusieurs manières, dont nous parlerons dans cet article.

Première façon

Lorsqu'il est nécessaire de créer un espace plus long entre certains mots, un code d'espace HTML spécial peut être utilisé. Il suffit d'ajouter l'entrée «   », ce qui augmentera la distance entre les caractères. Un tel code peut être utilisé comme un espace ordinaire, à la seule exception qu'il sera toujours pris en compte lors de l'affichage des informations par le navigateur. Cet espace HTML spécial est parfois utilisé pour émuler une ligne rouge ou mettre en évidence un seul morceau de texte. Cela vaut la peine de parler un peu du code lui-même. Le premier caractère est le signe esperluette. Il dénote l'action d'un code spécial. Il existe de nombreuses autres combinaisons en HTML qui donnent des effets différents. Par exemple, ">" et "&gl" remplacent "<» и «>" Leur utilisation est nécessaire car ils indiquent le début et la fin d'une balise. Dans ce cas, « nbsp » signifie une forme abrégée de la commande « espace insécable », ce qui en traduction signifie Pour cette commande, il y a une valeur numérique

nom " ", qui répète complètement l'effet d'un tel espace. Il convient de noter que s'il y a un code «   » entre les mots, alors ils seront toujours sur la même ligne. S'ils dépassent les limites de l'écran, une barre de défilement apparaît dans le navigateur. Le code «   » est une émulation complète d'un espace régulier.

Deuxième façon

La deuxième méthode est utilisée à plus grande échelle. L'espace en HTML peut être placé à l'aide d'une balise

Il vous permet d'afficher du texte sans mise en forme supplémentaire.  Si une information est placée dans cette balise, elle sera présentée sous sa forme originale comme dans le code html de la page.  Cela prend en compte non seulement les espaces, mais également les sauts de ligne.  Mais il convient de noter que, comme dans le cas du code «   », le texte inclus dans la balise 
Sortira sur une seule ligne s'il n'y a pas de traduction naturelle.  Il y a encore une note.  Tout ce qui se trouve entre la balise d'ouverture et, par conséquent, la balise de fermeture 
Aura une police spécifique
.
Troisième voie
Cette méthode ne peut pas être qualifiée de nouvelle, car elle propose simplement une alternative à la seconde.  En utilisant des feuilles de style en cascade, vous pouvez obtenir le même effet que la balise 
Mais la police restera inchangée.  La règle "espace blanc" avec la valeur "pre" émule complètement l'espace blanc HTML en utilisant la balise décrite précédemment.  Cette commande peut être appliquée à n'importe quelle zone de texte.
Conclusion
Les méthodes ci-dessus vous aideront à mettre plusieurs espaces.  HTML vous permet ainsi de personnaliser vos pages de manière très flexible et à votre discrétion.  Mais, comme le montre la pratique, il est rarement nécessaire d'utiliser plusieurs espaces.