Espace continu. Espace insécable dans Word. Espace insécable : les raccourcis clavier et leur fonction
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 au code document Web beaucoup 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é.
Vrai pour ce genre mise en forme visuelle(qui ne sera pas visible sur la page web) le plus souvent ce ne sont pas les espaces eux-mêmes qui sont utilisés, mais les tabulations et les sauts 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).
Cela doit être fait pour que les balises d'ouverture et de fermeture soient au même niveau vertical (au même nombre d'onglets à partir du bord droit de la page dans votre éditeur HTML, par exemple Notepad++, dont j'ai parlé). De plus, je vous conseille de faire immédiatement après avoir écrit l'élément d'ouverture plusieurs sauts de ligne et d'écrire immédiatement celui de fermeture au même niveau (nombre de tabulations), pour ne pas oublier de le faire plus tard.
Ceux. les éléments d'ouverture et de fermeture doivent être au même niveau verticalement, et les balises internes doivent être décalées d'un caractère de tabulation et placer à nouveau celles de fermeture et d'ouverture au même niveau.
Pour 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 au clavier, les caractères de votre langue sont encodés selon un algorithme prédéterminé, puis ils sont affichés sur le site à l'aide des polices que vous utilisez (où les trouver et comment les installer pour le site) grâce au décodage.
Il existe de nombreux encodages, mais pour le langage HTML, la version étendue des encodages a été adoptée par défaut.
Dans ce codage de texte, il n'était possible d'écrire que 256 caractères - 128 en ASCII et 128 autres en lettres russes. En conséquence, un problème est survenu avec l'utilisation sur les sites de caractères qui ne sont pas inclus dans ASCII et ne sont pas des lettres russes incluses dans Encodages 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 insécable | |||
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 » | |
© | © | droit d'auteur | |
® | ® | ® | marque déposée |
™ | ™ | ™ | signe de marque |
º | º | º | lance de Mars |
ª | ª | ª | miroir de Vénus |
‰ | ‰ | ‰ | ppm |
π | π | π | pi (utiliser Horaires Nouveau Romain) |
¦ | ¦ | ¦ | ligne pointillée verticale |
§ | § | § | paragraphe |
° | ° | ° | degré |
µ | µ | µ | micro signe |
¶ | ¶ | ¶ | marque de paragraphe |
… | … | … | ellipse |
‾ | ‾ | ‾ | surlignage |
´ | ´ | ´ | marque 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 seconde |
¾ | ¾ | ¾ | trois quarts |
⁄ | ⁄ | ⁄ | point décimal |
− | − | − | moins |
≤ | ≤ | ≤ | inférieur ou égal à |
≥ | ≥ | ≥ | supérieur ou égal à |
≈ | ≈ | ≈ | à peu près (presque) égal |
≠ | ≠ | ≠ | pas é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 |
∈ | ∈ | ∈ | appartient |
∉ | ∉ | ∉ | 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 |
∪ | ∪ | ∪ | association |
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 | |
‡ | ‡ | double croix | |
♠ | ♠ | ♠ | 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 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 | |
horloge, heure | |||
⏰ | ⏰ | Montre | |
⌚ | ⌚ | Montre | |
⌛ | ⌛ | Sablier | |
⏳ | ⏳ | Sablier |
Il y a un sujet assez intéressant méthode d'obtention Code HTML mnémonique 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 supérieur"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, l'affichage d'une balise dans le texte< body>ou il vous suffit d'insérer un signe inférieur à (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.
Par conséquent, vous devrez insérer la construction suivante pour résoudre un problème similaire :
Il en va de même pour l'affichage du code des mnémoniques eux-mêmes, puisqu'ils commencent par une esperluette. Vous devrez insérer le code dans le texte en remplaçant le signe esperluette par sa substitution (caractère spécial) :
Cela devra être fait pour accéder à la page<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.
Vous utiliserez également très probablement un espace insécable, qui ressemblera à un espace normal sur une page Web, mais le navigateur ne le traitera pas du tout comme un espace et n'effectuera pas de transferts dessus(par exemple, cela conviendra pour des expressions telles que 1400 Go, etc., qu'il ne serait pas conseillé de couper sur différentes lignes) :
1400 Go.
Parfois, la situation inverse peut se produire, lorsque le texte contient des mots très longs et que vous souhaitez vous assurer que, si nécessaire, le navigateur Je pourrais briser ces mots avec une césure. À ces fins, un symbole spécial « transfert doux » est fourni -
Long, long mot ;
Lorsqu'il devient nécessaire de passer à une autre ligne, le navigateur utilisera un trait d'union au lieu du mnémonique de trait d'union souple et enverra le reste du mot à la ligne suivante. S'il y a suffisamment d'espace pour placer ce mot entier sur une seule ligne, le navigateur ne tracera aucun saut de ligne. C'est aussi simple que cela.
Bonne chance à vous ! A bientôt sur les pages du site blog
Vous pouvez regarder plus de vidéos en allant sur");">
Vous pourriez être intéressé
MailTo - qu'est-ce que c'est et comment créer un lien en HTML pour envoyer un e-mail
Balises et attributs des rubriques H1-H6, ligne horizontale Hr, saut de ligne Br et paragraphe P selon la norme Html 4.01
Comment insérer un lien et une image (photo) en HTML – Balises IMG et A
Tous les auteurs expérimentés ne savent pas ce qu'est un espace insécable et pourquoi il est nécessaire, et nous ne pouvons même pas parler des débutants.
Pourquoi avez-vous besoin d’un espace insolite ?
Beaucoup, même s'ils ont entendu parler de ce concept, leurs connaissances se limitent au fait que MS Word, lors de la saisie de nombres avec des séparateurs de milliers, remplace automatiquement l'espace régulier par un espace insécable. En mode normal, cela n'est pas perceptible ; vous ne pouvez voir la différence que dans un mode de fonctionnement spécial du programme, qui peut être activé en cliquant sur le bouton ¶ de la barre d'outils.
L'espace insécable est nécessaire pour garantir que le passage d'une ligne à l'autre est correct. Ce n'est un secret pour personne que les éditeurs de texte et les navigateurs déplacent automatiquement le texte vers une nouvelle ligne lorsque la ligne actuelle est pleine. En même temps, ils ne sont pas du tout guidés par les règles de la langue russe. L'espace insécable est nécessaire pour interdire faites un saut de ligne à ce stade.
Quand vous avez besoin d'un espace insécable
1. Séparation des groupes de décharges
Comme indiqué ci-dessus, lorsque vous séparez des chiffres par un espace, vous devez utiliser sa version insécable.
2. Initiales et noms de famille
Si les initiales sont sur une ligne et le nom de famille sur l’autre, c’est pour le moins moche. Pour réduire le risque de césure incorrecte, certains éditeurs conseillent de ne pas mettre d'espace entre les initiales. Cependant, il est plus correct de les séparer par des espaces insécables.
3. Abréviations
Ceux-ci incluent des phrases et des expressions
4. Abréviation et nom propre
5. Unité de mesure, mot de comptage, signe spécial et numéro associé
Autres cas où vous avez besoin d'un espace insécable :
1. Lors de l'insertion d'un tiret dans le texte.
Il est bon de rendre l’espace avant le signe continu et après normal.
2. Opérations mathématiques binaires
Ici, un espace insécable est également utilisé avant le signe mathématique et un espace régulier après celui-ci.
3. Un espace insécable doit être utilisé pour séparer les conjonctions, prépositions et mots d'une ou deux lettres des mots précédents : et, a, mais, pareil, serait, que ce soit, dans, avec, toi, moi, etc.
Comment insérer dans le texte
Vous pouvez décider qu'il est de la responsabilité de la personne qui publiera le texte d'utiliser correctement les espaces. Cependant, un auteur qui se respecte et respecte ses clients insère immédiatement les espaces corrects dans le texte.
Insérer un espace insécable dans un éditeur de texte
Un raccourci clavier vous aidera Alt+255 ou :
Vous pouvez également retrouver cette fonction dans le panneau Word :
À contrôle en utilisant un espace, vous devez prendre l'habitude de taper et de relire les textes dans un mode où tous les caractères non imprimables sont affichés. Sinon, vous ne pourrez pas distinguer à l’oeil nu un espace ordinaire d’un espace incassable.
Espace insécable en HTML
Cela devra être fait manuellement - lors de la copie de texte dans un éditeur visuel, ce dernier remplacera les espaces insécables par des espaces normaux.
Espace insécable et SEO
Parfois, les spécialistes de la promotion sont catégoriquement opposés à l'utilisation d'espaces insécables et de sauts de ligne dans le texte (
), motivant cette approche par le fait qu'elle interfère avec la promotion. Ce n'est pas tout à fait vrai. Les moteurs de recherche traitent ces balises tout à fait normalement si elles sont insérées correctement. Une mauvaise utilisation rend difficile la promotion, par exemple ou nbsp ; (sans &).
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.
Si vous développez des fichiers HTML, vous avez probablement remarqué cette fonctionnalité lorsque le navigateur ignore les espaces. Il peut y en avoir un nombre illimité dans le code source, mais au final un seul est visible. Le plus souvent, une telle limitation n’a qu’un effet positif sur la production d’informations. Après tout, vous pouvez parfois ajouter accidentellement plusieurs espaces, ce qui entraîne un document désorganisé. Et grâce à une contrainte, la distance entre les mots sera toujours fixe. Mais parfois, il est nécessaire de créer un espace double ou triple ; le HTML vous permet de créer une distance illimitée entre les mots à votre discrétion. Ce besoin peut être satisfait de plusieurs manières, dont nous parlerons dans cet article.
Première façon
Lorsqu'il est nécessaire de créer un espace plus long entre certains mots, un code d'espace HTML spécial peut être utilisé. Il suffit d'ajouter l'entrée «   », ce qui augmentera la distance entre les caractères. Un tel code peut être utilisé comme un espace ordinaire, à la seule exception qu'il sera toujours pris en compte lors de l'affichage des informations par le navigateur. Cet espace HTML spécial est parfois utilisé pour émuler une ligne rouge ou mettre en évidence un seul morceau de texte. Cela vaut la peine de parler un peu du code lui-même. Le premier caractère est le signe esperluette. Il dénote l'action d'un code spécial. Il existe de nombreuses autres combinaisons en HTML qui donnent des effets différents. Par exemple, ">" et "&gl" remplacent "<» и «>" Leur utilisation est nécessaire car ils indiquent le début et la fin d'une balise. DANS dans ce cas"nbsp" signifie une forme abrégée de la commande "espace insécable", qui en traduction signifie Pour cette commande, il y a une valeur numérique
nom " ", qui répète complètement l'effet d'un tel espace. Il convient de noter que s'il y a un code «   » entre les mots, alors ils seront toujours sur la même ligne. S'ils dépassent les limites de l'écran, une barre de défilement apparaît dans le navigateur. Le code «   » est une émulation complète d'un espace régulier.
Deuxième façon
La deuxième méthode est utilisée à plus grande échelle. L'espace en HTML peut être placé à l'aide d'une balise
Il vous permet d'afficher du texte sans mise en forme supplémentaire. Si une information est placée dans cette balise, elle sera présentée sous sa forme originale comme dans le code html de la page. Cela prend en compte non seulement les espaces, mais également les sauts de ligne. Mais il convient de noter que, comme dans le cas du code «   », le texte inclus dans la baliseSortira sur une seule ligne s'il n'y a pas de traduction naturelle. Il y a encore une note. Tout ce qui se trouve entre la balise d'ouverture et, par conséquent, la balise de fermetureAura une police spécifique.Troisième voie
Cette méthode ne peut pas être qualifiée de nouvelle, car elle propose simplement une alternative à la seconde. En utilisant des feuilles de style en cascade, vous pouvez obtenir le même effet que la balise
Mais la police restera inchangée. La règle "espace blanc" avec la valeur "pre" émule complètement l'espace blanc HTML en utilisant la balise décrite précédemment. Cette commande peut être appliquée à n'importe quelle zone de texte.Conclusion
Les méthodes ci-dessus vous aideront à mettre plusieurs espaces. HTML vous permet ainsi de personnaliser vos pages de manière très flexible et à votre discrétion. Mais, comme le montre la pratique, il est rare d'utiliser plusieurs espaces.
Tous ceux qui ont essayé créer des sites Web en HTML confronté à ce problème. Presque tout Balises HTML découpez des espaces supplémentaires. Et cette fois je vais vous donner un exemple de cette « découpe », et aussi vous expliquer comment faire en sorte que les espaces ne soient pas découpés.
Commençons par écrire un simple Code HTML:
Un peu de texte Suite...
Si vous regardez le résultat, vous verrez que tous nos espaces ont été découpés et qu’il n’en reste qu’un. Et presque toutes les balises font cela.
Il y a trois options afficher des espaces supplémentaires en HTML. La première façon est d'utiliser une balise<pré>:
Un peu de texte Suite...
Du coup, vous verrez que des écarts subsistent, et c’est exactement ce que nous souhaitions.
Mais il existe une autre méthode que j'utilise régulièrement : l'entité "". Cette entité remplace simplement le caractère espace :
Un peu de texte Suite...
De ce fait, vous verrez également toute une série d’espaces. Pour moi, cette méthode est meilleure car vous n'avez pas besoin d'utiliser de balises supplémentaires. Mais c'est une question de goût. Où est-ce nécessaire ? espace supplémentaire en HTML, insérez simplement "" et profitez du résultat.
Et enfin, la dernière façon est en utilisant CSS. Pour cela, il vous suffit d'ajouter ce style :
P(
espace blanc : pré ;
}Cette méthode est la plus rapide et la plus simple, cependant, je ne l'utilise pas car dans ma pratique, il y a peu de cas dans lesquels je dois ajouter de nombreux espaces consécutifs. Et si cela se produit, j'utilise l'entité " " plusieurs fois. En outre, propriété d'espace blanc n'est pas pris en charge par tous les navigateurs (en particulier, IE6 Et IE7 ne supporte pas), ce qui limite déjà la portée de cette méthode.
De manière générale, pour résumer :
1) Si une partie de votre texte contient beaucoup d'espaces à différents endroits, utilisez la balise<pré>.
2) Si vous rencontrez un seul moment quelque part où vous avez besoin de plusieurs espaces d'affilée, utilisez l'entité "  ";
3) Si votre page entière est composée de plusieurs espaces consécutifs (bien que cela arrive extrêmement rarement), utilisez la propriété espace blanc avec du sens pré.
Si vous voulez en savoir plus sur HTML, alors jetez un œil à mon cours gratuit avec un exemple de création de site Web sur HTML: