Contacts

Comment ajouter un espace insécable en html. Comment ajouter un espace insécable dans le code HTML d'une page

Comme il ressort du titre, l'article se concentrera sur une partie intégrante de tout texte en langue russe (et pas seulement) - une lacune. Nous aborderons l'histoire des espaces blancs, les types d'espaces blancs, l'utilisation des espaces blancs dans la typographie Web.

De manière générale, un espace est tout espace vide dans un texte manuscrit, imprimé ou affiché sur tout autre support. Les espaces sont donc différents :

  • descendeurs (grands manques verticaux en première page de l'édition) et espaces de fin de bandeau,
  • les retraits de paragraphe et les espaces de fin d'un paragraphe,
  • les interlignes (entre les lignes de texte),
  • les espaces entre les mots (entre les mots d'une même ligne),
  • espaces inter-lettres (entre les lettres d'un mot).
Ensuite, nous parlerons des espaces intermots qui séparent les mots et appartiennent fonctionnellement aux signes de ponctuation.

Histoire de l'espace intermots

L'espace intermots est une invention relativement tardive dans l'histoire de la pensée humaine. Une histoire profonde de l'écart est donnée dans Space between Words: The Origins of Silent Reading de Paul Saenger et, un peu moins en profondeur, dans The History of Writing de Johannes Friedrich.

Il y a aussi un bon article d'Anton Bizyaev sur les lacunes et leur histoire "Il n'y avait pas de lacunes au début", qui a été publié en 1997 dans le magazine Publish.

Bref, l'écart est apparu assez tardivement, dans les écritures où l'absence de différenciation des mots entraînait des difficultés de lecture (l'écriture dite consonantique, où seules les consonnes sont écrites). Cependant, en grec et en latin, qui enregistraient également des voyelles, l'utilisation de l'espace a été perdue. Paul Sanger attribue cela au fait que la lecture se faisait à voix haute, ce qui facilitait la distinction entre les mots lors de la perception du texte.

L'espace a recommencé à être utilisé vers les VIIe-IXe siècles. n.m. e., et cette tradition est venue d'Irlande, où la langue maternelle des scribes et des lecteurs était le vieil irlandais, et la littérature religieuse était écrite en latin. Apparemment, pour cette raison, les moines avaient du mal à lire à haute voix. On pense que l'apparition d'un écart est étroitement liée au passage progressif de la lecture à voix haute à la lecture pour soi-même. Des exemples de livres en latin avec des espaces intermots sont les monuments de la littérature britannique : l'Evangile de Durrow (VIIe siècle) et le Livre de Kells (VIIIe-IXe siècles).

Il n'y avait pas non plus d'espace dans les alphabets glagolitique et cyrillique, et dans le sens auquel nous sommes habitués, il n'est utilisé que depuis le 17ème siècle.

Avant que l'humanité n'invente la composition, il n'y avait pas de classification spéciale des espaces intermots - les scribes placent les espaces à l'œil et les mettent. Permettez-moi de vous rappeler (nous en avons parlé dans l'article) que le manuscrit et les gravures sur bois sont des méthodes de création de textes sans mobilité des lettres. Naturellement, des interstices pouvaient être obtenus en différentes largeurs, puisque les interstices étaient réalisés manuellement.

Lacunes dans la saisie manuelle

Lorsque la mobilité des lettres est apparue (et cela s'est produit avec l'avènement des polices de composition), des questions se sont posées en conséquence - comment mettre des espaces afin d'observer l'alignement en largeur ?

La technologie de la dactylographie manuelle est telle que la ligne dactylographiée est complètement coincée dans l'établi et dans la cuisine, et, par conséquent, doit avoir une largeur presque exactement égale à la largeur de la bande (pour plus de détails sur la technologie de la dactylographie manuelle, voir le livre du même nom de MV Schulmeister).

Une ligne avec saisie manuelle a été tapée à partir de lettres (barres, au bout desquelles des copies miroir convexes de lettres ont été faites, imprimées sur du papier), et des espaces intermots ont été créés à l'aide des soi-disant espaces - des barres de différentes épaisseurs, qui ne avoir une surface d'impression sur la fin. Cela ressemble à ceci. Les espaces pour chaque taille de police, bien sûr, étaient propres et avaient des largeurs différentes. Par exemple, pour une police de 10 points (la taille standard pour la plupart des publications textuelles), les espacements ont été produits dans des largeurs de 10, 5, 4, 3, 2 et 1 point.

Les épingles larges étaient appelées épingles ou espacements ronds. Les espacements dans une demi-goupille étaient appelés semi-pin ou semi-circulaires. Il y a aussi le nom "espacement fin", ce qui signifie un espacement de 1 à 2 points d'épaisseur pour une taille de police de 8 à 12 points. Autrement dit, pour une taille de police de 10 points, l'espacement fin est généralement de 2 points (respectivement, 1⁄5 points). Cependant, en raison de l'absence d'une définition précise de l'espacement fin, dans les manuels de l'éditeur, de l'éditeur et du maquettiste, on ne parle généralement pas d'espacement fin, mais de tant de points (en supposant que la taille de la police est de 10 points).

Ainsi, vous devez comprendre que, selon la taille de la police, la part d'emspace (tiers, quart, etc.) peut avoir différentes largeurs en points, et vice versa.

Largeur de l'espace de mots traditionnel

Donc, après avoir compris ce que sont les espacements ronds et semi-circulaires, passons à la largeur de l'espace intermot réel adopté dans l'ensemble russe.

Schulmeister écrit (p. 94) que lors de la saisie d'une ligne, un demi-cercle est placé entre les mots. Lorsqu'une ligne est tapée jusqu'à la fin, dans la plupart des cas, sa largeur est inférieure ou supérieure à la largeur de la barre de numérotation. Par conséquent, le maquettiste doit modifier la largeur des espaces, en la réduisant à un minimum de 1⁄4 de tour et en l'augmentant à un maximum de 3⁄4 de tour (respectivement, lors de la frappe de 10 points, les espaces entre les mots peuvent varier de 3 à 7 points). Naturellement, il y a des nuances qui dépendent du format de la publication, mais nous n'y toucherons pas.

Cependant, Schulmeister suppose que l'espacement semi-circulaire des mots lui-même est trop grand et que l'utilisation de l'espacement standard de 1⁄3 rond est à la fois plus économique en termes de consommation de papier et souvent plus belle. De plus, l'utilisation d'un espace de mots semi-circulaire n'est pas recommandée pour les polices étroites.

Avec l'avènement des machines à couler les cordes, les espaces ont commencé à être uniformisés en largeur sur une ligne, et la largeur de l'espace entre les mots a commencé à varier d'environ 1⁄3 de tour.

Typographie informatique et typographie web

Actuellement, nous sommes limités par les capacités des polices utilisées et, bien sûr, par le jeu de caractères en Unicode. Il faut se rappeler que toutes les polices ne contiennent pas la plupart des caractères d'espacement Unicode.

Lors de la transition vers les systèmes de mise en page informatiques, une transition a été faite de la spécification de la largeur des espaces en points à la spécification de la largeur des espaces en fractions de tour, car les polices ont commencé à s'adapter facilement à n'importe quelle taille et les éléments d'espace devaient rester proportionnels à la taille de la police.

Caractères d'espacement en Unicode

Unicode fournit les caractères suivants pour les espaces dans la typographie occidentale.
  • Espace intermots, U+0020, - largeur de 1⁄5 à 1⁄2 tour selon la police. Pour les polices moyennes, l'espace des mots a une largeur d'environ 1⁄4 rond (par exemple, Times New Roman a un tel espace), pour les polices larges - environ 1⁄3 rond (Microsoft Verdana - 0,35 rond, Microsoft Tahoma - 0,31 rond).
  • Espace intermot insécable, U+00A0, - a la même largeur qu'un espace intermot régulier, mais un saut de ligne n'est pas autorisé à la place d'un espace insécable.
Les espaces inter-mots normaux et insécables sont inclus dans toutes les polices et sont correctement affichés par tous les agents, à l'exception de l'absence d'augmentation et de diminution de l'espace insécable lorsque cela est justifié dans certains traitements de texte et navigateurs (ce qui est une violation de la recommandations). Par exemple, FireFox met correctement à l'échelle les espaces insécables, mais MSIE 7.0 ne les met pas du tout à l'échelle.

Tous les autres caractères d'espacement sont à largeur fixe et ne sont pas étirés lorsque les lignes sont justifiées en largeur. Cependant, selon l'algorithme de saut de ligne d'Unicode, ils doivent tous être traités comme un point de saut de ligne.

  • Espacement rond, U+2003,   - comme mentionné, a une largeur égale à la taille de la police. Aussi appelé Em Space, peut-être parce que le "M" dans certaines polices plus anciennes était aussi large. Dans le même temps, cela est loin d'être appliqué partout, et donc l'affirmation selon laquelle Em Space a toujours la largeur de la lettre «M» est une illusion.
  • Espacement demi-rond, U+2002,   - demi-tour. Aussi appelé En Space, peut-être parce que le "N" dans certaines polices plus anciennes était aussi large. Dans le même temps, cela est loin d'être pratiqué partout, et donc l'affirmation selon laquelle En Space a toujours la largeur de la lettre «N» est une illusion.
  • troisième espacement, U+2004,   - troisième tour. En anglais, il s'appelle Three-per-Em Space.
  • quart d'espacement, U+2005,   - un quart de tour. En anglais, il s'appelle Four-per-Em Space.
  • Un sixième tour, U+2006,  . En anglais, il s'appelle Six-per-Em Space.
  • Espacement fin, U+2009,   - a généralement une largeur de 1⁄5 de tour (moins souvent - 1⁄6). De manière générale, sa largeur dépend de la langue de la police de caractères et du fabricant de la police, et dans les polices cyrilliques, l'espacement fin est généralement de 1⁄5 em de large. Cet espacement correspond exactement en proportion à un espacement de deux points avec une typographie de 10 points. En anglais, cela s'appelle Thin Space.
  • espacement des cheveux, U+200A,   - l'espacement le plus étroit, environ 1⁄10-1⁄16 rond. Cet espacement correspond à peu près proportionnellement à un espacement d'un point avec une taille de 10 points, ou même semble plus étroit.

Utiliser différents espaces

Étant donné que la largeur de l'espace inter-mots est fixe dans la police et change automatiquement lorsqu'elle est justifiée en largeur, l'utilisation d'autres caractères d'espacement comme caractères inter-mots n'est justifiée que lors de la saisie de publications, et uniquement s'il existe une compréhension approfondie de la raison pour laquelle cela est fait .

Dans la mise en page Web normale, il suffit d'utiliser des espaces intermots réguliers et insécables pour séparer les mots.

Dans le même temps, selon les règles de la typographie en langue russe, un espacement fin doit être utilisé à plusieurs endroits (plus précisément, les ouvrages de référence parlent d'un espacement de deux points, mais nous utiliserons le terme «espacement fin» comme le le plus approprié à la fois en termes de terminologie établie et en termes d'apparence de la ligne lors de la frappe).

Les règles de base pour l'utilisation des espaces seront décrites ci-dessous, mais en général, nous recommandons le principe suivant à utiliser lors de la mise en page pour le Web.

Lors de la préparation de documents HTML pour publication sur Internet, seuls l'espace, l'espace insécable et l'espacement doivent être utilisés comme espaces blancs. Dans le cas où l'auteur suppose que la page doit être visualisée à l'aide d'agents qui traitent le caractère de manière incorrecte, un espace normal ou insécable doit être utilisé à la place de l'espacement.

L'utilisation uniquement d'espacements fins parmi toute la variété des éléments d'espacement permet, d'une part, de préserver l'aspect harmonieux du texte dactylographié et, d'autre part, de ne pas surcharger l'auteur de la publication avec diverses règles d'utilisation d'espacements de différentes largeurs fractionnaires.

Gestion des espaces par les navigateurs et les moteurs de recherche

Lors de la préparation du matériel pour l'article, nous avons mené une sorte d'expérience sur une page spécialement préparée. Yandex et Google gèrent bien les caractères non standard, remplaçant tous les éléments d'espace blanc non standard par des éléments normaux lors de la recherche (nous pensons que c'est le bon comportement). C'est-à-dire qu'ils ne font pas de distinction entre les textes "deux mots", "deux mots", "deux mots", etc.

Il s'est avéré que le rendu des éléments d'espacement non standard fonctionne très mal dans les navigateurs. Seuls Firefox 3.0 sur Windows XP et *nix, MSIE 7.0 et Safari sur Windows XP fonctionnent correctement. Il n'y a pas de données sur MSIE 8.0, mais très probablement, tout est en ordre avec lui aussi.

  • Firefox avant la version 3.0 ne coupe pas du tout les lignes pour les espaces non standard. Dans ce cas, la largeur des espaces s'affiche correctement.
  • Opera 9.26 et 9.50, FireFox 3.0 sous Mac, Safari sous Mac bouclent la ligne, mais tous les espaces ont la même largeur.
  • MSIE 5.5 et 6.0 sous Windows 2000 mettent des carrés au lieu d'espaces (peut-être que les caractères correspondants ne sont tout simplement pas dans la police système).
La raison pour laquelle tous les éléments d'espacement ont la même largeur dans tous les navigateurs Mac n'est pas tout à fait claire. Probablement avec des polices intégrées.

Règles de base pour l'utilisation des espaces

Ainsi, nous soulignons une fois de plus que dans toutes les règles énumérées ci-dessous, l'espacement fin n'est utilisé que lorsque l'auteur écarte le risque d'utiliser des navigateurs qui affichent de manière incorrecte l'espacement fin par le visiteur du site. Ceux-ci incluent certains navigateurs dans * nix (probablement en raison de polices intégrées), MSIE version 6.0 et versions antérieures, les navigateurs Mac (ceux-ci peuvent être négligés car l'erreur de rendu ne concerne que la largeur d'espacement), éventuellement certains navigateurs pour téléphones mobiles et PDA.

Dans le cas où l'utilisation de tels navigateurs est probable, nous vous recommandons d'utiliser des espaces intermots réguliers ou insécables au lieu de l'espacement.

Comme décrit ci-dessus, selon les directives Unicode, l'espacement est un espace où un saut de ligne est possible. Dans les cas où les règles exigent de définir un espacement fin et d'interdire les sauts de ligne (par exemple, entre les chiffres lors de la saisie d'un nombre), vous devez utiliser une construction telle que 250 000. L'élément HTML nobr est propriétaire et ne doit pas être utilisé.

Ensuite, nous décrivons les règles d'espacement qui, selon nos observations, sont le plus souvent violées lors de la mise en page des textes. Des informations plus détaillées sur les règles de saisie des textes peuvent être trouvées, par exemple, dans le "Guide de l'éditeur et de l'auteur" de A. E. Milchin et L. K. Cheltsova.

Abréviations et symboles

  1. Dans les abréviations "et ainsi de suite", "et similaires", "depuis", "c'est-à-dire", "et autres", "avant notre ère", "latitude sud" et similaires, tous les éléments de l'abréviation sont séparés par un espace insécable.
    etc.
    etc.
    t. à. - t. à.
    c'est-à-dire - c'est-à-dire
    et d'autres - et d'autres
    avant JC e. - AVANT JC e.
    Yu. sh. - Yu. sh.
  2. Les initiales sont séparées les unes des autres et du nom de famille par un espace insécable.
    A.S. Pouchkine - A.S. Pouchkine
    J.R.R. Tolkien - J.R.R. Tolkien

    Il est également permis d'effacer les initiales les unes des autres et du nom de famille qui le suit avec un espacement fin, cependant, le transfert des initiales ou des noms de famille à la ligne suivante est interdit. Quel que soit le choix du style des initiales, il est nécessaire de respecter l'unité de style au sein de l'ensemble du document ou du site.
    V.V.Poutine - V.V.Poutine
    V.Poutine - V.Poutine
    Poutine V. V. - Poutine V. V.
    Poutine V. - Poutine V.
  3. Le mot abrégé est séparé du nom propre par un espace insécable.
    st. Chchorsa - st. Chchors
    Moscou - Moscou
    les métro. Lénine - métro eux. Lénine
  4. Le nombre et le contre-mot qui lui correspond sont barrés d'un espace insécable.
    12 milliards de roubles - 12 milliards de roubles
    ch. IV-Ch. IV
    pp. 3-6 - paragraphes. 3-6
    riz. 42 - fig. 42
    20ième siècle - XXe siècle.
    1941-1945 - 1941-1945
    service numéro 6 - service numéro 6
    § 22 - § 22
    25 % - 25 %
    97,5 ? - 97,5 ?
    16¢ - 16¢
    .
  5. Le nombre et son unité de mesure correspondante (à l'exception des signes degré, minute et seconde) sont imprimés avec un interligne fin, le saut de ligne est interdit.
    400m - 400m
    100 t - 100 t
    451 °F - 451 °F

    mais 59°, 57′, 00″.
  6. Les signes de degrés, minutes et secondes sont battus avec un espacement mince des chiffres suivants.
    59° 57′ 00″ - 59° 57′ 00″
Il convient de noter qu'il n'y a pas de règle complètement établie parmi les typographes concernant le décalage des signes de pourcentage et des devises, donc placer le signe de pourcentage et les symboles monétaires à proximité du nombre n'est pas une erreur si une telle utilisation est effectuée uniformément sur tout le site. Cependant, nous pensons que l'utilisation d'un espace dans ce cas améliore la lisibilité du texte.

Nombres et intervalles

  1. Les parties décimales et entières du nombre ne sont pas séparées par un espace de la virgule : 0,62 , 345,5 .
  2. Les chiffres du numéro sont séparés les uns des autres avec un espacement mince, à l'exception des dates, des nombres (par exemple, des documents), des désignations de machines et de mécanismes.
    25 563,42 - 25 563,42
    1 652 - 1 652
    1 298 300 - 1 298 300

    mais 1999, GOST 20283, entrée. N° 982364
  3. Dans la désignation numérique des intervalles, le tiret ne rebondit pas sur les limites de l'intervalle.
    50-100 mètres - 50-100 mètres
    1 500-2 000 - 1 500-2 000
    1,5-2 mille - 1,5-2 mille
    15-20 % - 15-20 %
  4. Les signes unaires plus, moins et plus-moins ne battent pas le nombre qui le suit : +20 °C , −42 , ±0.1 .
  5. Les signes binaires des opérations mathématiques et des rapports sont battus des deux côtés sur un espacement mince.
    2 + 3 = 5 - 2 + 3 = 5

Signe de ponctuation

  1. Point, virgule, deux-points, points d'interrogation et d'exclamation, point-virgule ne sont pas séparés par un espace du mot précédent, et sont séparés par un espace du suivant : Ha, ha. Ha? Ha!
  2. Les points de suspension n'écartent pas le mot précédent s'il est en fin de phrase ou partie de phrase, et du suivant s'il est en début de phrase : Waouh... Quoi ? …Rien.
  3. Les guillemets ne sont pas séparés par des espaces du texte qu'ils contiennent : cuirassé "Potemkine".
  4. Les parenthèses ne sont pas séparées par des espaces du texte qu'elles contiennent et sont séparées par des espaces à l'extérieur (sauf lorsque le crochet fermant est adjacent au signe de ponctuation à droite) : Le texte entre parenthèses n'intéresse personne (généralement).
  5. Un tiret est séparé du mot précédent par un espace insécable, et du suivant - par un espace ordinaire (y compris si l'intervalle est spécifié sous forme verbale plutôt que numérique).
    Vitenka - bravo!
    seul un concombre de quinze à vingt centimètres de long nous convient
    Pacte Molotov-Ribbentrop
    .
  6. Si deux nombres sous forme verbale ne forment pas un intervalle, mais signifient "soit un nombre soit un autre", alors un trait d'union est placé entre eux, qui n'est pas battu par des espaces: bu deux ou trois verres.
Il est recommandé de supprimer un tiret sur un espacement fin ou de ne pas supprimer du tout un point, une virgule ou un guillemet. Cela peut être justifié lors de la saisie dans une police spécifique, car cela augmente l'uniformité des espaces. Dans le même temps, lors de la visualisation de texte pour le Web, les polices de l'utilisateur peuvent être complètement différentes, c'est pourquoi l'espace à gauche du tiret devient constamment plus étroit que celui de droite.

Tirets indésirables

  1. Mots courts et conjonctions ( mais, Et, mais, je, toi, et ainsi de suite), il est préférable de battre le mot suivant avec un espace insécable, car un mot court suspendu à la fin de la ligne nuit à la lisibilité. Notamment il est très souhaitable de ne pas autoriser de saut de ligne entre la particule ne pas et le verbe qui le suit.
  2. Particules même, voudrais, qu'il s'agisse il est souhaitable de rayer le mot précédent d'un espace insécable : pareil dirait si je pensais.
  3. Il est conseillé de ne pas séparer les prépositions en début de phrase des mots qui les suivent. (encore plus longs que ceux à une et deux lettres)

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 façon - comment créer un espace insécable dans Word 2007. Cette fonctionnalité 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, afin d'éviter le problème lorsque de longs espaces sont saisis 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, vous devez immédiatement dire qu'il existe une combinaison de touches spéciale pour entrer dans un tel espace - CTRL + MAJ + BARRE D'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 éviter un formatage incorrect du document.

Vous savez maintenant comment créer un espace insécable dans Word, mais tout le monde ne se souvient pas d'une telle combinaison, ou il ne sera tout simplement pas pratique de l'entrer à chaque fois. Pour vous faciliter la vie, vous pouvez utiliser la réaffectation de ces touches de raccourci. Parlons-en maintenant.

Vous devez entrer dans le menu "Signes spéciaux". Pour cela, allez dans l'onglet "Insérer", sélectionnez "Symboles" et cliquez sur "Autres". Maintenant dans la fenêtre, allez dans l'onglet dont nous avons besoin - "Caractères spéciaux". Maintenant dans la liste, trouvez la ligne "Espace insécable". Double-cliquez sur le champ et entrez 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 je voudrais parler.

Installation de la correction automatique

Si vous ressentez toujours une gêne lorsque vous appuyez sur une combinaison de touches données, il existe un autre moyen de créer un espace insécable dans Word. Il consiste à attribuer une correction automatique. C'est une option très utile, pas seulement pour imprimer un espace insécable.

Pour commencer, vous devrez placer sur le presse-papiers (en termes simples, copier) l'élément souhaité, 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 "AutoCorrection", qui se trouve en dessous.

Vous avez maintenant une fenêtre de correction automatique devant vous. Vous devez entrer dans le champ "Remplacer" les caractères qui seront remplacés par un espace insécable et insérer le même espace dans le champ "À". Assurez-vous 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, quelle manière utiliser, c'est à vous de décider. 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 presque la même. Utilisez un caractère spécial si vous souhaitez définir un espacement spécifique entre les lettres ou les mots. Soit dit en passant, ce symbole est appelé espace insécable étroit.

Donc, pour définir ce symbole, vous devez ouvrir le tableau de tous les symboles. Maintenant, dans la liste déroulante Police, sélectionnez Texte brut, et dans la liste Ensemble, choisissez Ponctuation. Maintenant, parmi tous les nombreux caractères différents, trouvez celui dont vous avez besoin - Espace insécable étroit. Si c'est le cas, son nom s'affiche au-dessus du bouton "AutoCorrection".

Après avoir trouvé le symbole, cliquez sur le bouton "Insérer", après quoi le symbole sera inséré à l'endroit que vous avez spécifié. Si vous vous demandez à quoi cette fonction peut ê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 repousser.

Afficher les caractères non imprimables

Tout ce dont nous avons parlé dans cet article concerne les caractères non imprimables. Comme on peut le comprendre d'après leur nom, ils sont invisibles dans le texte. Mais il existe une option spéciale dans le programme qui vous permet de les afficher. C'est le 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 appuyé sur ce bouton, tout sera affiché dans le texte et si vous avez besoin d'interagir avec eux, c'est la seule façon de le faire.

Soit dit en passant, 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, cette instruction devrait également vous convenir.

Si vous développez des fichiers html, vous avez probablement remarqué une telle fonctionnalité lorsque le navigateur ignore les espaces. Il peut y en avoir un nombre illimité dans le code source, mais un seul est visible en conséquence. Le plus souvent, une telle restriction n'a qu'un effet positif sur la sortie d'informations. Après tout, vous pouvez parfois mettre accidentellement quelques espaces, en conséquence, le document s'avère désordonné. Et à l'aide d'une contrainte, la distance entre les mots sera toujours fixe. Mais parfois, il est nécessaire de faire un espace double ou triple, html vous permettra de faire une distance illimitée entre les mots à votre discrétion. Il existe plusieurs façons de répondre à ce besoin, dont nous parlerons dans cet article.

Première manière

Lorsqu'il est nécessaire de faire une distance plus longue 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, à l'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 indique 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 les caractères "<» и «>". Leur utilisation est nécessaire car elles marquent le début et la fin de la balise. Dans ce cas, "nbsp" signifie une forme abrégée de la commande "espace insécable", qui signifie en traduction Il y a un espace numérique pour cette commande.

amena " ", qui répète complètement l'effet d'un tel espace. Il convient de noter que si le code " " se trouve entre les mots, 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 voie

La deuxième méthode est utilisée à des fins plus larges. Un espace en html peut être défini à l'aide d'une balise

Il vous permet d'afficher du texte sans formatage supplémentaire.  Si l'information est placée dans cette balise, alors 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 aussi 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 ligne s'il n'y a pas de traduction naturelle.  Il y a encore une remarque.  Tout ce qui se trouve entre les balises d'ouverture et de fermeture 
Aura une police spécifique

.

Troisième voie

Cette méthode ne peut pas être qualifiée de nouvelle, car elle offre simplement une alternative à la seconde. En utilisant des feuilles de style en cascade, vous pouvez obtenir le même effet que la balise

Cependant, la police restera inchangée.  La règle "white-space" 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 un espace répété. HTML vous permet de personnaliser vos pages de manière très flexible. Mais, comme le montre la pratique, il est rarement nécessaire d'utiliser un espace multiple.

Bonjour, chers lecteurs du site blog! Ceux qui ont au moins superficiellement réussi à se familiariser ont probablement déjà pris note, bien qu'en termes généraux. Cela signifie qu'ils ont une idée des caractères HTML généralement utilisés dans le code du document.

Dans l'article d'aujourd'hui, nous allons essayer de comprendre ce qu'est un espace en HTML, auquel cas vous pouvez utiliser des caractères d'espacement lors du formatage du code lui-même pour une perception facile. Nous apprendrons quand il est nécessaire d'utiliser un espace insécable et nous nous familiariserons également avec d'autres caractères spéciaux (ou, comme on les appelle aussi, des mnémoniques).

En fait, je conseillerais de ne pas ignorer le sujet de l'utilisation de divers caractères spéciaux, car il s'agit d'un élément important pour compléter l'étude du langage de balisage hypertexte. En général, les informations fournies dans cette publication ne seront certainement pas superflues. Eh bien, maintenant au point.

Espaces et caractères blancs en HTML

Tout d'abord, une remarque importante doit être faite. Il existe des touches spéciales sur le clavier de l'ordinateur qui vous permettent d'implémenter la séparation de texte (plus d'informations à ce sujet ci-dessous). Cependant, seule la barre d'espace large permet de séparer les mots, non seulement dans l'éditeur, mais également dans la fenêtre du navigateur. Il y a des nuances lors de l'enroulement des lignes et de l'indentation à partir du bord.

Comme vous le savez, l'affichage de certains éléments dans un navigateur Web est déterminé par des balises. Pour le formatage du texte, un bien connu, basé sur des blocs, est utilisé. C'est-à-dire que son contenu est situé sur toute la largeur disponible.

Pour envelopper les lignes à l'intérieur du paragraphe P, vous devez utiliser une seule balise BR, avec laquelle cela peut être fait. Disons que nous devons insérer dans le texte quelques lignes d'un poème que nous écrivons dans un éditeur de texte :

Malgré le fait que les lignes du verset soient correctement placées et que les traits d'union soient faits aux bons endroits, tout sera différent dans le navigateur :


Pour obtenir le même affichage dans une fenêtre de navigateur web, il faut écrire BR à chaque saut de ligne :

Nous avons maintenant accompli la tâche et dans le navigateur, les lignes poétiques s'afficheront assez correctement :

Ainsi, les sauts de ligne nécessaires sont terminés. Ici, il est également nécessaire de noter une telle fonctionnalité que plusieurs espaces se succédant sont affichés par le navigateur Web comme un seul. Vous pouvez le vérifier si dans le même éditeur vous essayez de mettre non pas un, mais plusieurs espaces entre deux mots et, en cliquant sur le bouton "Enregistrer", regardez le résultat dans le navigateur.

Espace, tabulation et saut de ligne

En gros, avec ces caractères d'espacement nous apprenons à nous connaître dès que nous commençons à travailler avec le texte dans l'éditeur et à le mettre en forme de la bonne manière. Pour implémenter une telle tâche, il existe des touches spéciales, chacune correspondant à son propre caractère d'espace :

  • Espace - la touche la plus large d'un clavier d'ordinateur (sans inscription);
  • Tabulation - une clé à gauche avec l'inscription "Tab" et deux flèches pointant dans des directions différentes;
  • Saut de ligne - touche "Entrée".

Cependant, comme je l'ai dit plus haut, nous obtenons le résultat final souhaité non seulement dans un éditeur de texte, mais également dans un navigateur, uniquement lors de l'utilisation de la première clé. Les trois touches (y compris la tabulation et le saut de ligne) sont utiles lors du formatage du code HTML. Supposons que voici à quoi ressemble un fragment de code dans NotePad ++ (document explicatif sur cet éditeur) lorsque tous les caractères d'espacement sont affichés :


Nous obtenons un code facile à lire et à comprendre grâce aux espaces. Les flèches orange marquent les retraits créés avec la touche Tab, et les caractères CR et LF marquent les sauts de ligne effectués avec la touche Entrée.

Les conteneurs imbriqués sont visualisés, les balises d'ouverture et de fermeture ressortent bien. Sous cette forme, ce code peut être facilement modifié. Comparez-le maintenant avec le même code, qui n'a pas une telle séparation de texte :

De la même manière, en utilisant des caractères d'espacement, vous pouvez écrire des règles CSS qui seront visuellement compréhensibles et digestes :


Une fois que vous avez ramené tous les styles à un dénominateur commun et terminé la modification du fichier de style, vous pouvez le soumettre en supprimant tous les espaces du code. Cela est nécessaire pour augmenter, ce qui est très important lors de la promotion d'une ressource.

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

Voyons maintenant les cas dans lesquels il est nécessaire d'utiliser les caractères spéciaux que j'ai mentionnés au début de l'article. Les caractères spéciaux HTML, parfois appelés mnémoniques, ont été introduits pour résoudre un problème de codage de longue date dans le langage de balisage hypertexte.

Lorsque vous tapez du texte sur le clavier, les caractères de la langue que vous utilisez sont codés. Dans un navigateur Web, le texte saisi sera rendu dans les polices que vous choisissez à la suite de l'opération de décodage inverse.

Le fait est qu'il existe de nombreux encodages de ce type, nous n'avons plus pour objectif de les analyser en détail. C'est juste que chacun d'eux peut manquer de certains caractères, qui doivent cependant être affichés. Supposons que vous ayez envie d'écrire des guillemets simples ou un accent, et que ces icônes manquent dans l'ensemble.

Afin d'éliminer ce problème, un système de caractères spéciaux a été introduit, qui comprend un grand nombre de mnémoniques divers. Ils commencent tous par une esperluette "&" et se terminent généralement par un point-virgule ";". Au début, chaque caractère spécial avait son propre code numérique. Par exemple, pour un espace insécable, que nous examinerons plus en détail ci-dessous, l'entrée suivante sera vraie :

Mais après un certain temps, les symboles les plus courants se sont vu attribuer des équivalents littéraux (mnémoniques) pour les rendre plus faciles à mémoriser. Disons que pour le même espace insécable, cela ressemble à ceci:

En conséquence, le navigateur affiche le symbole correspondant. La liste des mnémoniques est très volumineuse, caractères spéciaux les plus couramment utilisés en HTML vous pouvez trouver ci-dessous le tableau suivant :

symbole le code mnémotechnique la description
Espace non-cassant
espace étroit (largeur de la lettre n)
espace large (em-width à la lettre m)
- tiret cadratin (dash)
- tiret em (em-tiret)
­ - ­ transfert doux
mais ́ accent, placé après la lettre "choc"
© © droits d'auteur
® ® ® marque déposée
signe de marque
º º º lance de mars
ª ª ª miroir de Vénus
ppm
π π π pi (utiliser Times New Roman)
¦ ¦ ¦ ligne pointillée verticale
§ § § paragraphe
° ° ° diplôme
µ µ µ micro-signe
marque de paragraphe
ellipse
surlignage
´ ´ ´ signe d'accent
signe dièse
🔍 🔍 Loupe (inclinée vers la gauche)
🔎 🔎 Loupe (inclinée vers la droite)
signes d'opérations arithmétiques et mathématiques
× × × multiplier
÷ ÷ ÷ diviser
< < moins
> > > Suite
± ± ± plus moins
¹ ¹ ¹ degré 1
² ² ² degré 2
³ ³ ³ degré 3
¬ ¬ ¬ négation
¼ ¼ ¼ un quart
½ ½ ½ une moitié
¾ ¾ ¾ trois quarts
barre fractionnaire
moins
inférieur ou égal à
plus ou égal
approximativement (presque) égal
inégal
à l'identique
racine carrée (radical)
Infini
signe de sommation
signe de produit
différentiel partiel
intégral
pour tout le monde (uniquement visible si gras)
existe
ensemble vide
Ø Ø Ø diamètre
fait parti
n'appartient pas
contient
est un sous-ensemble
est un sur-ensemble
n'est pas un sous-ensemble
est un sous-ensemble soit
est un sur-ensemble ou égal à
plus dans un cercle
signe de multiplication dans un cercle
perpendiculaire
injection
ET logique
OU logique
intersection
syndicat
signes monétaires
euro
¢ ¢ ¢ Cent
£ £ £ Kg
¤ ¤t; ¤ Signe de devise
¥ ¥ ¥ Signe du yen et du yuan
ƒ ƒ ƒ signe florin
Marqueurs
. marqueur simple
un cercle
· · · point médian
traverser
trahison
pics
clubs
cœurs
diamants
rhombe
crayon
crayon
crayon
main
devis
" " " double citation
& & & esperluette
« « « guillemet typographique gauche (guillemets à chevrons)
» » » guillemet typographique droit (guillemets à chevrons)
ouverture de devis simple angle
fermeture de devis à angle unique
course (minutes, pieds)
double course (secondes, pouces)
apostrophe en haut à gauche
apostrophe en haut à droite
apostrophe en bas à droite
guillemet-pied gauche
guillemet-pied en haut à droite
guillemet-pied en bas à droite
ouverture d'un guillemet anglais simple
guillemet anglais simple fermant
ouverture de guillemets anglais doubles
fermeture par guillemets anglais doubles
flèches
Flèche gauche
flèche vers le haut
flèche droite
flèche vers le bas
flèche gauche et droite
flèche haut et bas
retour chariot
double flèche gauche
double flèche vers le haut
double flèche droite
double flèche vers le bas
double flèche gauche et droite
double flèche haut et bas
flèche triangulaire vers le haut
flèche triangulaire vers le bas
flèche droite triangulaire
flèche gauche triangulaire
étoiles, flocons de neige
bonhomme de neige
Flocon de neige
Flocon de neige pincé par des trèfles
Gros flocon de neige à angle vif
étoile ombragée
étoile non ombragée
Étoile vide dans un cercle plein
Étoile remplie avec un cercle vide à l'intérieur
étoile filante
Étoile blanche dessinée
Cercle moyen non rempli
Cercle rempli moyen
Sextile (type flocon de neige)
Etoile tournante à huit branches
Astérisque avec terminaisons sphériques
Audacieuse étoile à hélice en forme de goutte à huit branches
Astérisque hexadécimal
Étoile pleine à douze branches
Étoile ombrée rectiligne à huit branches audacieuse
étoile pleine à six branches
Étoile ombragée rectiligne à huit branches
Étoile ombragée à huit branches
astérisque à huit pointes
Un astérisque avec un centre vide
grosse étoile
Étoile non ombrée pointue à quatre branches
Étoile ombragée pointue à quatre branches
étoile dans un cercle
Flocon de neige en cercle
temps d'horloge
L'horloge
L'horloge
Sablier
Sablier

Cas d'utilisation de certains caractères spéciaux, y compris l'espace insécable et le trait d'union souple

Si vous avez déjà un peu étudié le tableau, alors vous avez reçu la confirmation des mots que j'ai dits ci-dessus que pour afficher tous les caractères spéciaux, un code numérique () ou son analogue alphabétique (caractère mnémonique) est utilisé, où les lettres () sont écrites au lieu d'une combinaison de treillis et de nombres.

Voyons maintenant quand il faut appliquer ces codes. Disons que dans un article, vous devez spécifier une balise HTML à des fins informatives, par exemple,

. Si vous tapez des crochets angulaires à partir du clavier (et il y a une telle possibilité), le navigateur percevra une telle construction comme une balise d'ouverture, et non comme un simple morceau de texte.

Par conséquent, nous prenons les codes correspondants de la même table de caractères spéciaux HTML et l'entrée entière ressemblera à ceci :

De plus, afin d'afficher dans le navigateur non pas l'esperluette elle-même, mais sa désignation dans forme

, vous devez ajouter son code à partir du tableau :

bas de page

Ensuite, le navigateur affichera exactement l'entrée des mnémoniques qui doivent être appliqués pour afficher la balise FOOTER. Un peu déroutant, mais sur cette page, vous pouvez pratiquer cet aspect en entrant les mnémoniques des caractères correspondants dans le champ "HTML" et en utilisant le bouton "Exécuter", et dans la zone "Résultat", obtenir le résultat de leur affichage dans le navigateur :


Veuillez noter que j'ai fourni un habillage de texte en utilisant la balise BR déjà mentionnée afin que les caractères eux-mêmes ne soient pas affichés sur une ligne, mais dans une colonne pour plus de commodité.

Passez. Parfois, dans le texte, il existe des combinaisons qu'il n'est pas souhaitable de séparer en différentes lignes. Disons "1000 roubles". il sera logique soit de le laisser sur la ligne du haut, soit, s'il n'y a pas assez de place, de déplacer toute la structure sur une ligne en dessous.

Cela est particulièrement vrai si les utilisateurs utilisent des appareils avec des largeurs d'écran différentes, y compris des appareils mobiles. En effet, dans ce cas, le navigateur Web formate le texte en s'adaptant aux nouvelles conditions. Et si le texte semble correct aux tailles de moniteur standard, alors quand ils changent, tout peut changer.

Pour ces cas, il existe espace insécable HTML dont j'ai déjà parlé. Permettez-moi de vous rappeler que dans ce cas, le code d'espace est :

Et il doit être inséré entre les deux jeux de caractères que vous souhaitez lier :

1000 roubles.

Désormais, le navigateur ne les séparera jamais, même si la mise en forme du texte est nécessaire pour l'afficher correctement.

Il existe également une situation où un mot très long ne rentre pas dans l'espace libre et vous devez en transférer une partie. Comment, le cas échéant, prédéterminer un saut de ligne dans ce cas ? Pour cela il y a caractère spécial trait d'union souple-, qui doit être placé à l'endroit où le mot doit être coupé :

longlonglonglonglongmot

Si une situation se présente lorsqu'un mot doit être coupé, un espace se forme à l'emplacement du mnémonique de trait d'union doux, où un trait d'union (trait d'union) apparaîtra, et le reste de ce mot sera sur la ligne suivante ci-dessous.

Cependant, encore une fois, il sera utile de suivre tout cela, y compris des exemples de transfert inextricable et doux, de vos propres yeux dans la pratique :


Dans la fenêtre de cet éditeur, vous pouvez redimensionner le champ de la vue « Résultat » en saisissant le bord de cette zone avec le bouton gauche de la souris et, sans le relâcher, le faire glisser vers la gauche pour réduire la largeur. Ensuite, il y a une situation réelle où le navigateur commence à reformater le contenu pour l'afficher correctement.

Et le transfert est effectué, ce qui était prévu dans les exemples que j'ai décrits. Cependant, vous pouvez vous-même déplacer la fenêtre de visualisation, l'agrandir ou la rétrécir, et le vérifier visuellement.

Ajout correct d'un espace insécable en HTML. Mise en page valide.

Si vous avez essayé de composer des sites Web, vous savez probablement que lorsque vous ajoutez quelques espaces dans le texte à partir du clavier, ils ne sont pas enregistrés. Les navigateurs les traitent comme un espace unique. Parfois, cela entraîne des problèmes de mise en page. Nous allons maintenant vous montrer comment ajouter plusieurs espaces à la suite.

Utiliser des caractères spéciaux

Dans le langage de balisage hypertexte, un caractère spécial est utilisé qui est interprété par les navigateurs comme un espace. Il est la:

Vous devez le saisir exactement sous la forme dans laquelle il est présenté ci-dessus. Si vous devez insérer plusieurs espaces à la suite, insérez plusieurs de ces caractères.

À quoi ressemblerait notre morceau de code si nous voulions ajouter trois espaces à la suite.

Tester la section de code

Si nous devions ouvrir une telle page dans un navigateur, voici ce que nous obtiendrions :

Tester la section de code

pré-balise

Le texte ne peut pas toujours être formaté correctement à l'aide de balises de balisage standard. En même temps, en le tapant sur le clavier, vous pouvez obtenir le résultat souhaité. Mais à la fin, lors de la visualisation de la page dans un navigateur, tout le formatage manuel tombera et vous obtiendrez du texte brut. Le même résultat sera si vous ajoutez manuellement plusieurs espaces insécables à la suite, simplement en cliquant sur la touche du même nom.

Comment être dans une telle situation ?

Voici un exemple de texte avec un espace long. Nous l'avons obtenu en enfermant le texte dans une balise PRE.

Comme vous pouvez le constater, plusieurs sauts de ligne consécutifs sont également enregistrés. C'est à cela que sert cette balise. Il laisse le formatage manuel pour le texte qui y est inclus.

Vidéo pour l'article :

Conclusion

Utilisez ces méthodes uniquement pour insérer une mise en forme de texte spéciale. Vous ne devez pas utiliser ces méthodes pour obtenir l'emplacement des éléments sur la page. Par exemple, ajoutez plusieurs espaces insécables pour que l'élément suivant se trouve à droite de la page. Pour ce faire, utilisez des feuilles de style.



Vous avez aimé l'article ? Partagez-le