Ce que c'est?
En HTML, il existe de nombreuses balises, attributs et valeurs différents qui sont utilisés dans différentes situations. Certains sont utilisés uniquement aux fins prévues, d'autres disposent de paramètres flexibles qui leur permettent d'être utilisés de la manière la plus optimale possible. différentes variantes. En plus des balises habituelles, le HTML possède des symboles mnémoniques spéciaux. Avec leur aide, vous pouvez afficher diverses icônes, icônes, etc. sur l'écran des utilisateurs. L'un des caractères spéciaux les plus utiles est Espace non-cassant. Cet élément sera abordé dans cet article.
But
DANS HTML continu la barre d'espace peut être utilisée dans une grande variété de situations. Le cas le plus courant lorsqu'il est utilisé cet élément, - ceci permet d'augmenter naturellement l'espacement entre les caractères ou les mots. Certains peuvent déjà s'indigner et poser une question logique : « Pourquoi ne pas simplement utiliser une barre d'espace ordinaire en utilisant la touche « espace » du clavier ? Le fait est que le navigateur ignorera tous les espaces supplémentaires entre les mots ou les caractères, à l'exception du premier attribué. Quel que soit leur nombre dans le code source de la page, un seul sera toujours affiché. Ainsi, si vous souhaitez mettre deux ou plusieurs espaces à la suite, vous devrez utiliser un caractère spécial. De plus, il existe d'autres cas où cet élément est utilisé, par exemple :
- Ligne rouge. Bien que cette méthode Même si l'affichage d'un nouveau paragraphe est rarement utilisé sur Internet, il est quand même utile de savoir que si vous mettez plusieurs de ces espaces au début, vous obtiendrez un effet d'indentation.
- Tableau. Parfois, lors de la construction d'un tableau, des cellules vides apparaissent qui doivent être remplies avec quelque chose, sinon la structure entière se déformera. Alternativement, vous pouvez mettre un espace insécable. Les utilisateurs verront alors une cellule vide et le tableau restera dans le même état.
- Des dessins pour attirer l'attention. En utilisant cet élément, vous pouvez créer une image à partir de symboles. Parfois, un tel espace est utilisé pour attirer l’attention des utilisateurs.
Application
L'espace insécable HTML est attribué en écrivant des caractères spéciaux, à savoir " ". Autrement dit, en insérant cette entrée V source, vous bénéficierez d'un intervalle supplémentaire. Sa longueur sera égale à un espace régulier. L'entrée « » signifie « NO-BREAK SPACE », qui se traduit par « espace insécable ». Vous pouvez utiliser la notation alternative « », qui aura le même effet.
Particularités
À caractéristiques distinctives Cet élément peut être attribué au fait que si vous mettez un tel espace entre deux mots (caractères), ils resteront dans tous les cas sur la même ligne. Dans certains cas, il apparaîtra bande horizontale défilement (lorsque des éléments disparaissent de l’écran). Parfois, les développeurs utilisent cet élément uniquement à cause de cette fonctionnalité. Par exemple, lorsqu’il est vraiment important que le texte soit sur une seule ligne.
Conclusion
Dans la plupart des cas, un espace insécable sera inutile. Puisqu'il est rarement nécessaire de définir un intervalle long. Mais, d’une manière ou d’une autre, il faut connaître cet élément. Après tout, un jour, cela sera utile à tout développeur de fichiers HTML.
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 :
- Allez dans le menu Insertion - Symbole - Autre.
- Onglet " Caractères spéciaux».
- Recherchez l’élément « Espace insécable ».
- Cliquez sur "Raccourci clavier..."
- 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.
- Sélectionnez et copiez l'élément de formatage souhaité.
- Ouvrez le même onglet « Caractères spéciaux ».
- Cliquez sur "Correction automatique"
- 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.
- Dans le champ « On », vous devez mettre l'espace insécable précédemment copié. Avant de faire cela, cochez la case « Texte brut ».
- 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 :
- Ouvrez le menu des symboles.
- Dans la liste déroulante Définir, sélectionnez Ponctuation.
- Trouvez Narrow non-break. Le nom de l'objet sélectionné se trouve au-dessus du bouton Correction automatique.
- 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 mode normal travailler 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.
- En haut de la fenêtre, sélectionnez Menu (appelé Accueil dans Word 2013).
- 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).
Le texte dactylographié est constitué de caractères imprimés - symboles graphiques.
Les symboles graphiques sont des symboles visibles dans le texte.
Tous les symboles graphiques sont rassemblés dans un seul ensemble système universel Unicode.
Insérer symbole graphique Unicode vers un document HTML
- le but principal et unique de ce tableau.
Vous pouvez insérer un symbole dans un document HTML de l'une des manières suivantes :
- copiez l'image du symbole de la fenêtre du navigateur vers la fenêtre de votre éditeur visuel HTML
- copier le code html du symbole directement dans le code du document html
- insérer un visuel dans un visuel
- insérer du code dans le code.
La police d'un symbole, sa taille et sa couleur en HTML peuvent être définies avec un code tel que :
CHARACTER_CODE
Où,
Arial - police,
10px - taille de la police en pixels,
#ff0000 - code couleur de la police (rouge)
Par exemple:
☎ - taille de police des caractères 30px,
☎ - taille de police du symbole 30px, couleur - rouge
☎ - taille de police des caractères 20px,
☎ - taille de police du symbole 10px.
Note Les polices recommandées pour insérer des caractères spéciaux sont Arial, Verdana et Tahoma. Ces polices affichent correctement les caractères Unicode et sont elles-mêmes correctement supportées par les applications web.
- "Symbole"
(affichage des symboles visibles)
Depuis cette colonne, vous pouvez copier l'image du symbole et la coller dans la fenêtre éditeur de texte HTML. Le symbole sera copié avec une taille de police de 20px. Une fois la copie terminée, il peut être nécessaire d'ajuster individuellement la taille de la police directement au caractère copié. - "Nom"
(uniquement pour les cas importants ou personnages étranges)
Explication de l'objet du symbole, de sa portée, exemples... - "Mnémotechnique"
Un mnémonique est une construction alphabétique de la forme ", désignant le code alphabétique d'un caractère en HTML. Il est inséré directement dans le code html d'un document html. Les mnémoniques sont très appréciés des maquettistes professionnels. Ils sont parfaitement mémorisés par les humains et sont pris en charge par toutes les applications HTML. Chaque mnémonique contient un nom alphabétique (désignation ) de son symbole et un signe de service (&), qui sert de signal au navigateur pour lire le code et n'est pas affiché sur l'écran du moniteur.Le nom de chaque mnémonique est unique et facile à lire, car il dérive du mot anglais qui caractérise le symbole.Mnémoniques (grec) - l'art de se souvenir de quelque chose. Les mnémoniques sont utilisés pour faciliter la perception d'informations difficiles à mémoriser lorsque l'objet de mémorisation est amené dans un état associatif avec quelque chose.
- "Code"
Code - le code décimal numérique d'un caractère en HTML, comme &. Inséré directement dans le code html d'un document html. Le code décimal se compose d'un nombre indiquant le numéro de série du caractère dans le système Unicode et de plusieurs caractères de service (& et #), qui servent de signal au navigateur pour lire le code et ne sont pas affichés sur l'écran du moniteur. Le code décimal est largement utilisé et utilisé en raison de sa polyvalence et de sa facilité de perception.
Caractères de contrôle en HTML (XHTML)
Les caractères de contrôle en HTML (XHTML) sont des caractères de service du langage HTML utilisés dans la mise en page HTML d'une page Web. Tout navigateur doit prendre en charge ces caractères, car sans eux, c'est impossible affichage correct Texte HTML. Les caractères de contrôle ne sont pas affichés dans le texte et, lorsqu'ils sont saisis directement à partir du clavier, sont interprétés par le navigateur comme des signes de ponctuation appelant à effectuer une action lorsque la page est dessinée à l'écran.
Il est permis d'utiliser des caractères de contrôle dans des textes ordinaires, où ils symbolisent des concepts universels et sont interprétés par le navigateur comme des caractères typographiques ordinaires. Lorsque vous utilisez de cette manière des symboles de service dans des textes HTML, vous devez saisir non pas la valeur du symbole lui-même, mais son code HTML. Parce que, je le répète, dans sinon le navigateur percevra le caractère de service comme un appel à l'action et n'affichera pas correctement le texte HTML sur l'écran du moniteur.
Les caractères de contrôle et leur code HTML sont connus et compris par tous les navigateurs sans exception, ce qui ne peut hélas pas être dit des autres caractères qui peuvent s'afficher de manière incorrecte dans différents navigateurs ou, pire encore, ne pas s'afficher du tout.
Syntaxe et ponctuation
| espace de longueur N (espace régulier) | |||||
| espace de longueur M (espace long) | |||||
| - | trait d'union souple (caractère non imprimable) | - | | ||
| ‑ | trait d'union | ‑ |
|||
|---|---|---|---|---|---|
| - | tiret de longueur N (tiret régulier) | - | – | ||
| — | tiret de longueur M (em tiret) | — | — | ||
| . | point | . | |||
| , | virgule | , | |||
| … | ellipse | … |
… |
||
| : | côlon | : | |||
| ; | point-virgule | ; | |||
| ! | point d'exclamation | ! ǃ |
|||
| ? | point d'interrogation | ? | |||
| @ | "chien" | @ | |||
| * | "étoile" | * | |||
| # | "treillis" | # | |||
| ‘ | citation unique en haut à gauche | ‘ | ‘ |
||
| ’ | citation unique en haut à droite | ’ | ’ |
||
| ‚ | citation unique en bas à droite | ‚ | ‚ |
||
| “ | double citation en haut à gauche | “ | “ |
||
| ” | double citation en haut à droite | ” | ” |
||
| „ | double citation en bas à droite | &bdquo | „ |
||
| « | guillemet double coin gauche (Rus) | « | « | ||
| » | guillemet double coin droit (Rus) | » | » | ||
| ́ | marque d'accent, exemple : Vasya | ́ | |||
| " | apostrophe, exemple : Tu"Je | " | |||
| ´ | aigu, exemple : Vasya | ´ | ´ | ||
| ¶ | paragraphe (caractère non imprimable) | ¶ | ¶ | ||
| § | paragraphe | § | § | ||
| ˆ | accent (oiseau inversé) | ˆ | ˆ |
||
| ˜ | petit tilde | ˜ | ˜ |
||
| ¦ | ligne pointillée verticale | ¦ | ¦ | ||
| ( | parenthèse gauche | ( | |||
| ) | parenthèse droite | ) | |||
| 〈 | équerre gauche | 〈 | 〈 | ||
| 〉 | équerre droite | 〉 | 〉 | ||
| ‹ | équerre gauche, option | ‹ | ‹ | ||
| › | équerre droite, option | › | › | ||
| [ | crochet gauche | [ | |||
| ] | crochet droit | ] | |||
| / | barre oblique - caractère barre oblique | / | |||
| \ | barre oblique inverse | \ | |||
| ⁄ | barre oblique (signe de division) | ⁄ | ⁄ | ||
| ǀ | barre verticale | ǀ | |||
| ǁ | double barre verticale | ǁ | |||
| ‾ | surlignage, exemple : Vasya‾vasya | ‾ | ‾ | ||
| ¯ | Macron, exemple : Vasya¯vasya | ¯ | ¯ | ||
Marques et monnaie
| + | plus | + | + | ||
|---|---|---|---|---|---|
| − | moins | − | - − |
||
| = | équivaut à | = | |||
| ± | plus ou moins | ± | ± | ||
| × | signe de multiplication | × | × | ||
| ÷ | signe de division | ÷ | ÷ | ||
| ⋅ | opérateur point (milieu de la ligne) | ⋅ | · ⋅ |
||
| ∗ | opérateur astérisque (milieu de la ligne) | ∗ | ∗ | ||
| ∼ | opérateur tilde | ∼ | ∼ | ||
| . | marqueur de liste (milieu de la ligne) | . | |
||
| ¹ | exposant "1" | ¹ | ¹ | ||
| ² | exposant "2" | ² | ² | ||
| ³ | exposant "3" | ³ | ³ | ||
| Exposant et indice en HTML (XHTML) peut être inséré à l'aide de balises Et , respectivement: NOMBRE Exposant→ NOMBRE Exposant NOMBRE Indice→ Indice NOMBRE |
|||||
| ½ | fraction "une moitié" | ½ | ½ | ||
| ⅓ | fraction "un tiers" | ⅓ | |||
| ¼ | fraction "un quart" | ¼ | ¼ | ||
| ¾ | fraction "trois quarts" | ¾ | ¾ | ||
| № | signe numéro | № | |||
| % | pour cent | % | |||
| ‰ | ppm | ‰ | ‰ |
||
| ° | degrés | ° | ° | ||
| ′ | prime (minutes, pieds) | ′ | ′ | ||
| ″ | double prime (secondes, pouces) Exemple 1 : 30° 25′ 12″ Exemple 2 : 25′ 12 ″ |
″ | ″ | ||
| µ | micro | µ | µ | ||
| π | Pi | π | π | ||
| ƒ | signe de fonction (à ne pas confondre avec « intégral ») |
ƒ | ƒ |
||
| ∫ | intégral | ∫ | ∫ | ||
| ∅ | zéro croisé, ensemble vide (à ne pas confondre avec « diamètre ») |
∅ | ∅ | ||
| ⌀ | diamètre (à ne pas confondre avec le « o » latin barré) | ⌀ | |||
| ø | "o" latin barré en diagonale | ø | ø | ||
| Ø | "O" majuscule latin barré en diagonale | Ø | Ø | ||
| ∏ | marque de travail | ∏ | ∏ | ||
| ∑ | signe de sommation | ∑ | ∑ | ||
| √ | radical (Racine carrée ou racine de x) |
√ | √ | ||
| ∝ | proportionnellement | ∝ | ∝ | ||
| ∞ | infini | ∞ | ∞ | ||
| ∠ | coin | ∠ | ∠ | ||
| ⊥ | orthogonal (perpendiculaire) | ⊥ | ⊥ | ||
| ∴ | signe "donc" | ∴ | ∴ | ||
| ≅ | approximativement égal | ≅ | ≅ | ||
| ≈ | presque égal | ≈ | ≈ | ||
| ≠ | inégal | ≠ | ≠ | ||
| ≡ | à l'identique | ≡ | ≡ | ||
| ≤ | inférieur ou égal | ≤ | ≤ | ||
| ≥ | plus ou égal | ≥ | ≥ | ||
| ∧ | ET logique | ∧ | ∧ | ||
| ∨ | OU logique | ∨ | ∨ | ||
| ⊕ | signe plus dans un cercle (montant direct) |
⊕ | ⊕ | ||
| ⊗ | signe de multiplication dans un cercle (produit vectoriel, flèche de l'observateur) |
⊗ | ⊗ | ||
| ʘ | point dans un cercle (flèche vers l'observateur) |
ʘ | |||
|
✵ ✵ |
|||||
Les utilisateurs du programme Word peuvent tôt ou tard rencontrer un problème tel que 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 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, s'il y a des problèmes avec espaces longs Si vous ne l'avez pas fait, 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.
Pour commencer, vous devrez placer ( en mots simples, copie) 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 "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. C'est le bouton correspondant sur panneau du haut programmes. 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.
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 beaucoup de choses sur le code du document Web caractères supplémentaires, comme celui déjà mentionné 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 un fichier imbriqué Balise HTML, Que 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).
Ceci doit être fait de manière à ce que les balises d'ouverture et de fermeture soient au même niveau vertical (au Le même montant onglets du bord droit de la page de 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), afin de 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 les éléments de fermeture et d'ouverture doivent être placés à nouveau au même niveau.
Pour toile simple documents, 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
Alors parlons maintenant de ce qu'on appelle caractères 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 apparu dans la langue il y a assez longtemps. balisage hypertexte problème lié aux encodages utilisés.
Lorsque vous tapez du texte sur le 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ù trouver et comment 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 l'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 de telles possibilités sont initialement utilisées Langage HTML l'encodage n'est pas inclus.
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 vue numérique enregistrements, mais ensuite, pour les plus courants, leurs homologues en lettres ont été ajoutés pour les rendre plus faciles à retenir.
DANS compréhension 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 :
| Symbole | Code HTML | Décimal code | 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 | |||
| ₽ | ₽ | Rouble. Le signe du rouble doit être utilisé en conjonction avec le numéro. Norme Unicode 7.0. Si vous ne voyez pas l'image, mettez à jour vos polices Unicode. | |
| € | € | € | euro |
| ¢ | ¢ | ¢ | Cent |
| £ | £ | £ | Kg |
| ¤ | ¤ | ¤ | 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 |
| ❛ | ❛ | célibataire Guillemet anglais ouverture | |
| ❜ | ❜ | 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 | |
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, il suffira d'ouvrir Éditeur Microsoft Mot, créer nouveau document et choisissez parmi menu principal"Insérer" - "Symbole" (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).
Ajouter à partir de la liste qui s'ouvre à la vôtre Document Word tous les caractères spéciaux dont vous avez besoin et enregistrez ce document Word en tant que page Web (sélectionnée 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 tout codes numériques 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 dans Bon endroit et à sa 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 leur plus mémorisation simple. 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, une balise d'affichage 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 logiciel 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 si simple.
Bonne chance à toi! 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