Utilisation de caractères d'espacement pour formater le code HTML, d'espaces insécables et d'autres caractères spéciaux (mnémoniques). Caractères d'espacement et leur formatage du code en HTML, ainsi que les caractères d'espacement insécables spéciaux et autres mnémoniques

Même si vous n'appuyez pas sur Entrée. Mais ce n’est pas toujours pratique. Par exemple, vous avez écrit votre nom complet. Les initiales peuvent apparaître à la fin d’une ligne et le nom de famille au début d’une autre. De cette façon, l’information est moins bien perçue. Oui, et ça a l'air moche. Pour éviter de choisir une place pour chaque mot, découvrez comment créer un espace insécable dans Word. Avec lui, la phrase ne sera pas séparée lors du transfert.

Les caractères spéciaux vous aident à formater correctement le texte d'une page.

Raccourci clavier et correction automatique

Cet élément apparaîtra si vous appuyez simultanément sur Maj + Ctrl + Barre d'espace. Vous pouvez attribuer d'autres boutons comme ceci :

  1. Allez dans le menu Insertion - Symbole - Autre.
  2. Onglet "Caractères spéciaux".
  3. Recherchez l’élément « Espace insécable ».
  4. Cliquez sur "Raccourci clavier..."
  5. Définissez les paramètres qui vous conviennent.

Si vous ne souhaitez pas étendre vos doigts à différents endroits du clavier à chaque fois ou vous rappeler de quoi tel ou tel bouton dans Word est responsable, configurez les paramètres de remplacement.

  1. Sélectionnez et copiez l'élément de formatage souhaité.
  2. Ouvrez le même onglet « Caractères spéciaux ».
  3. Cliquez sur "Correction automatique"
  4. Dans le champ Remplacer, tapez ce que vous souhaitez transformer en espace insécable au fur et à mesure que vous tapez. Il peut s'agir de trois tirets cadratins, de deux traits de soulignement ou d'un mot de code qui n'est pas utilisé lors de la saisie dans Word. Définissez les paramètres souhaités.
  5. Dans le champ « On », vous devez mettre l'espace insécable précédemment copié. Avant de faire cela, cochez la case « Texte brut ».
  6. Cliquez sur Ajouter.

Comment insérer un espace insécable dans Word dépend de vous. Vous pouvez choisir la méthode la plus pratique. C'est très simple à mettre en place.

Espace spécial

Si vous devez non seulement interdire la division d'une phrase, mais également fixer la distance entre les lettres, utilisez un élément Word spécial - Espace étroit et insécable. Avec lui, les mots seront proches les uns des autres, même si vous définissez l'alignement en largeur.

Pour le mettre dans un document, vous devez procéder comme suit :

  1. Ouvrez le menu des symboles.
  2. Dans la liste déroulante Définir, sélectionnez Ponctuation.
  3. Trouvez Narrow non-break. Le nom de l'objet sélectionné se trouve au-dessus du bouton Correction automatique.
  4. Vous pouvez personnaliser le raccourci clavier ou le coller directement.

Cette fonction peut être utilisée pour indiquer des dates - les chiffres « 2016 » ne s'éloignent pas du mot « année ».

Comment puis-je voir où se trouvent les symboles cachés ?

Les éléments de formatage ne sont pas visibles. Ils sont utilisés pour la mise en page et ne doivent pas être affichés dans le mode normal de travail avec le document. Mais pour trouver le symbole d’espace insécable, vous n’avez pas besoin de retaper l’intégralité du texte. Vous pouvez ajuster la visibilité des personnages masqués.

  1. En haut de la fenêtre, sélectionnez Menu (appelé Accueil dans Word 2013).
  2. Recherchez l'icône Afficher tous les caractères dans le panneau Paragraphe. Cela ressemble à la lettre "P" avec une tache noire sur le dessus. La même fonction peut être activée en appuyant simultanément sur Ctrl+Shift+* (astérisque).

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.

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'utiliser un caractère 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 inesthétique 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 tient 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 du signe « 202F » pour l'avenir ; il fonctionnera lorsque vous appuierez sur la combinaison de touches Alt+X (x - en anglais).

Instructions

Si un tel espace doit être inséré dans une page Web, alors un caractère spécial (« code mnémonique ») du langage HTML doit être utilisé. Dans le code source de la page, cela ressemblera à cet ensemble de caractères : . Par exemple: Ceci est un échantillon d’un texte ininterrompu. Ce fragment peut être placé n'importe où dans le texte de la page, et partout le navigateur placera ces mots sur une ligne, déplaçant la transition vers la ligne suivante soit vers une position avant ou après ce bloc.

Cette propriété d'espace insécable est souvent utilisée sur les pages Web non seulement pour « coller » des mots ensemble, mais également comme « espaceur » dans les tableaux et autres éléments de bloc. Par exemple, si un tableau n'a pas de largeur spécifiée, il peut alors être inséré dans n'importe quel tableau (un ou plusieurs), et le navigateur n'écrasera pas cette colonne à une largeur nulle, même si toutes les colonnes sont vides. De plus, à l'aide de tels espaces, vous pouvez modifier la distance sans utiliser le langage CSS (Cascading Style Sheets) en en insérant deux ou plusieurs.

Si vous devez placer un espace insécable dans un document texte stocké dans un fichier au format de l'une des applications bureautiques (par exemple, doc ou docx), vous pouvez utiliser l'option correspondante dans l'éditeur de texte Microsoft Word. Par exemple, dans la version de Word 2007, pour cela, allez dans l'onglet « Insertion » et dans le groupe de commandes « Symboles », ouvrez la liste déroulante sur le bouton « Symbole ». Sélectionnez l'élément le plus bas - "Autres symboles".

Allez dans l'onglet « Caractères spéciaux » de la fenêtre qui s'ouvre et recherchez la ligne dans la liste qui dit « Espace insécable ». Cliquez ensuite sur le bouton "Insérer" et fermez la fenêtre. Toute cette procédure peut être remplacée en appuyant sur la combinaison de touches de raccourci qui lui est attribuée : CTRL + MAJ + Espace.

Sources:

  • L'espace insécable n'est plus extensible

Le formatage automatique de Microsoft Word ne correspond pas toujours à ce que vous essayez d'écrire, et parfois le programme modifie le format du texte de manière incorrecte. Par exemple, il existe des cas où certains mots et phrases ne peuvent pas être rompus en déplaçant automatiquement une partie de la phrase vers une autre ligne. Ceux-ci incluent diverses dates, initiales, unités de mesure et bien plus encore. Dans ce cas, vous pouvez vaincre le formatage automatique, qui transfère une partie d'une combinaison importante de mots ou de caractères vers une autre ligne, en définissant l'incassable, ce qui empêche la rupture des lignes et évite les traits d'union inutiles. Comment mettre un espace insécable dans votre texte ?

Instructions

Ouvrez la section « Insérer » dans le menu principal de Microsoft Word et sélectionnez l'insertion de symboles. Dans la fenêtre qui apparaît, cliquez sur « Autre » et dans l'onglet Caractères spéciaux, recherchez « Espace insécable » dans la liste.

Par défaut, les caractères insécables sont des caractères masqués, donc pour les voir, recherchez l'icône Afficher les caractères cachés dans la barre de menu. Ils peuvent également être affichés en ouvrant la section « Paragraphe » et en cliquant sur la rubrique « Afficher tous les caractères ».

Vous verrez les espaces réguliers sous forme de points et les espaces insécables que vous venez de définir sous forme de petits cercles. Si vous cliquez à nouveau sur l'icône de visibilité des symboles cachés, tous les symboles cachés disparaîtront. Leur visibilité peut être activée ou désactivée à tout moment.

Vidéo sur le sujet

Les éditeurs de texte permettent aux utilisateurs de gagner du temps en tapant les mots dans leur intégralité et en ne les séparant pas lorsqu'ils sont placés sur la ligne suivante. Il est bien sûr plus pratique de lire le mot entier, mais il est parfois conseillé d'utiliser le transfert de plusieurs syllabes.

Instructions

Si vous respectez un certain format lors de la saisie du texte, comme l'alignement à gauche, vous rencontrerez inévitablement le problème du retour à la ligne, car il est important que vous ne laissiez pas d'espace vide qui ne s'étend pas jusqu'à . S'il s'agit d'un cas isolé, vous pouvez l'installer manuellement. Il suffit d'appuyer sur la touche « » avant la fin de la ligne, tout en respectant le principe syllabique de division des mots. N'oubliez pas que vous ne pouvez pas transférer une seule lettre d'un mot ou une combinaison d'une consonne et d'un signe doux sur une autre ligne. L'idéal pour la division des syllabes est une combinaison d'une consonne et d'une voyelle, formant une syllabe commune. Vous pouvez couper plusieurs syllabes à la fois, en divisant le mot en deux.

Si vous ne vous souciez que de la vitesse de saisie du texte et que vous préférez laisser l'ordinateur le vérifier, utilisez le service « Transfert automatique » pour les documents texte dans MC Word. Vous pouvez définir cette fonction dans MC Word 2003 à l'aide du menu « Outils » situé sur la barre d'outils principale. En cliquant sur le bouton « Service » avec le bouton gauche de la souris, déplacez le curseur sur la rubrique « Langue ». Dans le menu contextuel qui s'ouvre, sélectionnez la fonction « Arrangement ». Cochez la case « Automatique » et confirmez vos actions en cliquant sur le bouton « OK ». Vous pouvez personnaliser davantage les paramètres de césure automatique en sélectionnant la largeur de la zone de césure des mots et le nombre maximum de traits d'union consécutifs. Entrez les valeurs numériques requises dans les champs appropriés et cliquez sur OK. Les modifications enregistrées seront appliquées à tous les documents MC Word ultérieurs.

Pour définir l'option automatique dans MC Word 2007 et versions ultérieures, cliquez sur le bouton « Mise en page », qui se trouve sur la barre d'outils principale d'un document MC Word ouvert. Passez votre curseur sur la colonne « Options de page » et cochez la case à côté du champ « Césure ». Sélectionnez l'option Automatique. Enregistrez les modifications en cliquant sur "OK".

Vous pouvez également configurer la césure automatique des mots dans un document texte appelé Bloc-notes. Pour ce faire, dans la fenêtre ouverte du programme, cliquez sur le bouton « Format » de la barre d'outils principale. Cochez la case « Retour à la ligne.

Insérer UN en html est nécessaire à l'affichage correct du texte sur une page web conformément aux effets recherchés par l'auteur. Selon la complexité de la tâche, vous pouvez utiliser soit des espaces insécables réguliers, soit contrôler le nombre d'espaces à l'aide des propriétés CSS.

Tu auras besoin de

  • - éditeur HTML

Instructions

Si vous devez insérer un espace régulier entre les mots (produit en appuyant sur la touche Espace), vous n'avez pas besoin d'effectuer d'actions spéciales - n'importe quel nombre d'espaces réguliers consécutifs dans le code HTML apparaîtra comme un seul sur la page Web.

Pour conserver le nombre exact d'espaces entre les mots, remplacez chaque espace régulier par " " (sans les guillemets) - c'est le code insécable espace en HTML. Par exemple : « Entre chaque mot, il y a deux espace" Un espace insécable est inséré entre deux mots pour éviter qu'ils ne soient séparés lorsqu'ils sont enroulés sur une autre ligne. Pour placer automatiquement des espaces insécables dans le texte, il est pratique d'utiliser l'outil bien connu d'Artemy Lebedev « Typograf » (http://www.artlebedev.ru/tools/typograf/).

Une autre façon d'insérer le nombre d'espaces prévu en HTML entre les mots : entourez la partie souhaitée du texte entre balises et. Ensuite, les mots seront affichés dans une police à espacement fixe, mais tous les espaces normaux entre les mots seront conservés lorsqu'ils seront affichés sur la page Web. Veuillez noter que la balise a des fonctionnalités particulières : l'utilisation de certaines autres balises à l'intérieur n'est pas autorisée : et, .

Une méthode plus complexe pour contrôler la gestion des espaces blancs : utilisez la propriété CSS white-space avec la valeur pre ou pre-wrap (sans retour à la ligne dans l'élément et avec retour à la ligne, respectivement). Spécifiez cette propriété dans la description du style de page ou de l'élément de mise en page HTML individuel. Lorsque vous utilisez cette méthode, la police est définie sur monospace et le nombre d'espaces entre les mots est conservé. Exemple : Comment insérer un espace dans du code html ? Ou : .free_spaces (white-space: pre-wrap;)… Comment insérer un espace dans du code html ?

Bonjour, chers lecteurs du site blog ! Ceux qui s’en sont familiarisés, au moins superficiellement, en ont probablement déjà pris note, quoique de manière générale. Cela signifie qu'ils ont une idée des symboles 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 et dans quels cas vous pouvez utiliser des caractères d'espacement lors du formatage du code lui-même pour une lecture facile. Nous découvrirons quand il est nécessaire d'utiliser un espace insécable et nous familiariserons également avec d'autres caractères spéciaux (ou, comme on les appelle aussi, des mnémoniques).

En fait, je vous 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 qui vous permet de compléter votre étude du langage de balisage hypertexte. De manière générale, les informations fournies dans cette publication ne seront certainement pas superflues. Eh bien, venons-en au fait.

Espaces et caractères d'espacement en HTML

Il y a d’abord une remarque importante à faire. Il existe des touches spéciales sur un clavier d'ordinateur qui vous permettent de séparer le texte (plus d'informations ci-dessous). Cependant, seule une large barre d'espace 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 la rupture des lignes et de l'indentation des bords.

Comme vous le savez, l'affichage de certains éléments dans un navigateur web est déterminé par des balises. Pour formater le texte, le célèbre , basé sur des blocs, est utilisé. Autrement dit, son contenu s'étend sur toute la largeur disponible.

À envelopper les lignes dans le paragraphe P, vous devez utiliser une seule balise BR, avec laquelle vous pouvez le faire. 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 situé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, vous devez écrire BR à chaque saut de ligne :

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

Ainsi, les sauts de ligne nécessaires sont complétés. Une autre caractéristique à noter ici est 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 que nous le formatons sous la forme requise. Pour mettre en œuvre une telle tâche, il existe des touches spéciales, dont chacune correspond à son propre caractère espace :

  • La barre d'espace est la touche la plus large d'un clavier d'ordinateur (sans étiquette) ;
  • Tab - une touche à 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 lorsque nous utilisons la première touche. Les trois touches (y compris la tabulation et le saut de ligne sont utiles lors du formatage du code HTML. Disons que voici à quoi ressemble un fragment de code dans NotePad++ (il y a beaucoup d'informations sur cet éditeur) lors de l'affichage de tous les caractères d'espacement :


Nous obtenons un code facile à lire et à comprendre grâce aux espaces. Les flèches orange indiquent les indentations créées à l'aide de la touche Tab, et les symboles CR et LF indiquent les sauts de ligne créés à l'aide de la touche Entrée.

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

De la même manière, en utilisant des espaces, vous pouvez écrire des règles CSS qui paraîtront visuellement claires et digestes :


Après avoir ramené tous les styles à un dénominateur commun et terminé complètement la modification du fichier de styles, vous pouvez effectuer la modification en supprimant tous les espaces du code. Ceci 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 évoqués en début d'article. Les caractères spéciaux HTML, parfois appelés mnémoniques, ont été introduits pour résoudre un problème de longue date lié aux encodages survenu 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 le navigateur Web, le texte saisi sera affiché en utilisant les polices que vous avez sélectionnées à la suite de l'opération de décodage inverse.

Le fait est qu’il existe de nombreux codages de ce type ; nous n’avons désormais aucun objectif de les analyser en détail. C'est juste qu'il peut manquer à chacun d'eux certains symboles, qui doivent cependant être affichés. Disons que vous ressentez le besoin d'écrire des guillemets simples ou un accent, mais que ces icônes ne sont tout simplement pas incluses dans l'ensemble.

Afin d'éliminer ce problème, un système de symboles spéciaux a été introduit, qui comprend un grand nombre de mnémoniques différents. Ils commencent tous par une esperluette "&" et se terminent généralement par un point-virgule ";". Au début, chaque caractère spécial possédait 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 valable :

Mais après un certain temps, les symboles les plus courants se sont vu attribuer des lettres analogues (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 découvrir ci-dessous le tableau suivant :

symbole code mnémotechnique description
Espace non-cassant
espace étroit (largeur en comme la lettre n)
grand espace (em-largeur comme la lettre m)
- fr tiret (en-tiret)
- em tiret (em tiret)
­ - ­ transfert doux
UN ́ l'accent est placé après la lettre "accent"
© © droits d'auteur
® ® ® marque déposée
signe de marque
º º º lance de Mars
ª ª ª miroir de Vénus
ppm
π π π pi (utilisez Times New Roman)
¦ ¦ ¦ ligne pointillée verticale
§ § § paragraphe
° ° ° degré
µ µ µ micro signe
marque de paragraphe
ellipse
surlignage
´ ´ ´ signe d'accent
signe numéro
🔍 🔍 Loupe (inclinée vers la gauche)
🔎 🔎 Loupe (inclinée vers la droite)
signes d'opérations arithmétiques et mathématiques
× × × multiplier
÷ ÷ ÷ diviser
< < moins
> > > plus
± ± ± plus moins
¹ ¹ ¹ degré 1
² ² ² degré 2
³ ³ ³ degré 3
¬ ¬ ¬ négation
¼ ¼ ¼ un quart
½ ½ ½ une moitié
¾ ¾ ¾ trois quarts
virgule
moins
inférieur ou égal
plus ou égal
à peu près (presque) égal
inégal
à l'identique
racine carrée (radical)
infini
signe de sommation
marque de travail
différentiel partiel
intégral
pour tout le monde (visible uniquement en gras)
existe
ensemble vide
Ø Ø Ø diamètre
fait parti
n'appartient pas
contient
est un sous-ensemble
est un surensemble
n'est pas un sous-ensemble
est un sous-ensemble ou égal à
est un surensemble ou égal
plus en cercle
signe de multiplication dans un cercle
perpendiculaire
coin
ET logique
OU logique
intersection
syndicat
signes de monnaie
euro
¢ ¢ ¢ Cent
£ £ £ Kg
¤ ¤t; ¤ Signe de devise
¥ ¥ ¥ Signe du yen et du yuan
ƒ ƒ ƒ Signe de Florin
Marqueurs
. marqueur simple
cercle
· · · point médian
croix
trahison
pics
clubs
cœurs
diamants
rhombe
crayon
crayon
crayon
main
citations
" " " double citation
& & & esperluette
« « « guillemet typographique gauche (guillemet à chevrons)
» » » guillemet typographique droit (guillemet à chevrons)
ouverture de devis en coin unique
fermeture de devis à coin unique
prime (minutes, pieds)
double prime (secondes, pouces)
guillemet simple en haut à gauche
guillemet simple en haut à droite
guillemet simple en bas à droite
citation-pied gauche
citation pied en haut à droite
citation pied en bas à droite
guillemet d'ouverture anglais simple
guillemet fermant simple anglais
guillemet double ouvrant
guillemet fermant double
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 vers le bas du triangle
flèche droite du triangle
flèche triangulaire vers la gauche
étoiles, flocons de neige
Bonhomme de neige
Flocon de neige
Flocon de neige pris en sandwich par des trèfles
Gros flocon de neige à angle vif
Étoile ombragée
Étoile vierge
Étoile vide dans un cercle rempli
Étoile remplie avec un cercle ouvert à l'intérieur
Étoile tournante
Étoile blanche dessinée
Cercle ouvert du milieu
Cercle rempli au milieu
Sextile (type flocon de neige)
Étoile tournante à huit branches
Étoile aux extrémités sphériques
Hélice en forme d'étoile audacieuse à huit branches en forme de goutte
Astérisque à seize branches
Étoile à douze branches
Étoile audacieuse remplie droite à huit branches
Étoile remplie à six branches
Étoile remplie droite à huit branches
Étoile à huit branches
Étoile à huit branches
Étoile avec centre vide
Grosse étoile
Étoile ouverte pointue à quatre branches
Étoile remplie à quatre branches pointue
Étoile dans un cercle
Flocon de neige en cercle
temps d'horloge
Montre
Montre
Sablier
Sablier

Cas d'utilisation de certains caractères spéciaux, notamment les espaces insécables et les traits d'union souples

Si vous avez déjà étudié un peu le tableau, vous avez reçu la confirmation de ce que j'ai dit ci-dessus, à savoir que pour afficher tous les caractères spéciaux, un code numérique () ou son analogue alphabétique (mnémoniques symboliques) est utilisé, où au lieu d'un ensemble de hachage des marques et des chiffres, des lettres () sont écrites.

Voyons maintenant quand utiliser ces codes. Disons que dans un article, vous devez indiquer une balise HTML à des fins d'information, par exemple :

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

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

De plus, afin d'afficher dans le navigateur non pas le signe esperluette lui-même, mais sa désignation dans formulaire

, vous devez ajouter son code du tableau :

bas de page

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


Veuillez noter que je me suis assuré que le texte était enveloppé à l'aide de la balise BR déjà mentionnée afin que les caractères eux-mêmes soient affichés non pas sur une seule ligne, mais dans une colonne pour plus de commodité.

Poursuivre. Parfois, des combinaisons apparaissent dans le texte qu'il n'est pas souhaitable de diviser en différentes lignes. Disons : « 1 000 roubles ». Il serait logique de le laisser sur la ligne du haut ou, s'il n'y a pas assez d'espace, de déplacer toute la structure vers 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, s'adaptant aux nouvelles conditions. Et si le texte semble correct pour des tailles d'écran standard, alors s'il change, tout peut changer.

Pour ces cas, il est prévu Espace HTML insécable, dont j'ai déjà parlé. Je vous rappelle que dans ce cas le code espace est le suivant :

Et il faut l’insérer entre deux ensembles de signes qu’il faut relier :

1000 roubles.

Désormais, le navigateur ne les séparera en aucun cas, même si un formatage 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 déplacer une partie. Comment puis-je prédéfinir une nouvelle ligne dans ce cas si nécessaire ? Pour cela il y a trait d'union spécial-, qui doit être placé à l'endroit où le mot doit être cassé :

Long, long, long, long mot

Si une situation se présente lorsqu'un mot doit être coupé, un espace est alors formé à l'emplacement du mnémonique de trait d'union souple, où un trait d'union (trait d'union) apparaît, et le reste du mot apparaît sur la ligne suivante en dessous.

Cependant, encore une fois, il sera utile de voir l’ensemble de cela, y compris des exemples de transfert continu et doux, dans la pratique :


Dans la fenêtre de cet éditeur, vous pouvez modifier la taille du champ de visualisation « Résultat » en saisissant le bord de cette zone avec le bouton gauche de la souris et, sans le relâcher, en le faisant glisser vers la gauche pour en réduire la largeur. Ensuite, une situation réelle se présente lorsque 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 et la réduire, et le vérifier visuellement.