Caractères spéciaux. Symboles spéciaux HTML

Dans le texte du document HTML, il est autorisé à appliquer tous les caractères que vous voyez sur le clavier. Cependant, il est logique. Si chaque balise commence par un symbole (<) и заканчивается символом (>), il est assez logique que ces caractères ne puissent pas être spécifiés dans le texte ordinaire. Ces personnages présentent une importance particulière dans les documents HTML. Lorsque le navigateur les voit, il pense que ce sont des balises HTML et d'essayer de les interpréter en tant que telle.
Pour résoudre le problème avec l'ajout de symboles interdits en saisissant le document HTML, un ensemble de spécialistes - séquences qui remplacent les caractères interdit pour entrer le clavier sont développés. Les symboles qui ne sont pas présents sur votre clavier peuvent également être remplacés par des symboles spéciaux. Chaque séquence de ce type (référence mnémonique) commence par le symbole d'ampersand (&) et se termine par un point-virgule (;). Entre (&) et () peuvent être introduits:

• nom du symbole spécial (& nom;);
• le code numérique entré après le signe (), c'est-à-dire lors de l'utilisation du symbole spécial, en spécifiant son code numérique, vous devez utiliser l'entrée suivante: (& code;);

Écart insuffisant

Nomination principale d'un espace inséparable () (de l'espace non-casseur) - Partagez des mots, mais interdisez dans cet endroit la transition vers une nouvelle chaîne. Étant donné que la taille de la fenêtre du navigateur est incompatible, la transition vers une nouvelle chaîne dans le paragraphe est automatiquement. Dans le même temps, le navigateur brisera la ficelle n'importe où où il y a un espace ou un trait d'union. Selon les règles d'orthographe, il existe des structures linguistiques qui ne peuvent pas être décomposées. Les constructions avec un espace inséparable, par exemple, peuvent être attribuées:

• noms de famille avec initiales;
• long tiret avec le mot précédent;
• mots de base unique suivi d'un mot;
• chiffres avec des unités de mesure ultérieures.

• 15 m / s
• 100 km / h

Comme vous le savez déjà, dans HTML, quelques lacunes consécutives sont remplacées par un espace. Si vous écrivez 10 lacunes dans le texte, le navigateur enlèvera 9 d'entre eux. Pour ajouter de vrais espaces dans le texte, vous pouvez utiliser un espace indiscutable. () .

Devis.

Dans l'impression, il existe trois types de guillemets: Double citations angulaires ou "arbres de Noël" (""), citations typographiques ("") et manuscrites "pied" (""). Lorsque vous travaillez avec des codes logiciels, vous utiliserez des devis doubles droits («») et des citations simples directes («»).
Par tradition en russe, le type principal de citations est des "arbres de Noël". Dans HTML "Herringbones" correspondent aux symboles « et » . Dans de nombreuses publications, des citations typographiques et des citations doubles droites sont également utilisées à la place des «arbres de Noël».
Les citations typographiques gauche et droite correspondent aux symboles. “ et ” En conséquence, les citations inférieures gauche - „ .
Direct Doubles citations FIT SPÉCIAL " .

L'utilisation de guillemets symboles spéciaux est indiqué dans l'exemple suivant:

Exemple: utilisation de citations

Defisc et Dash.

En impression, il y a trois signes très similaires les uns sur les autres: longue tiret, pointe courte et trait d'union. Parmi ceux-ci, il n'y en a qu'un sur le clavier de l'ordinateur - c'est un trait d'union. Il est généralement utilisé dans tous les cas où dans le texte, vous devez mettre un trait d'union ou un tiret. Néanmoins, il est nécessaire d'adhérer à certaines règles de ponctuation concernant l'application de ces signes.
Ainsi, un trait d'union (-) ne s'applique que des mots à l'intérieur ou entre les nombres. Un long tiret (-) est placé entre les mots de la proposition et séparé de ces mots par des espaces. Long Dash correspond au lien-mnémonique — . Un tiret court (-) est placé entre les nombres sans lettres ni entre des mots saisis en lettres majuscules et est également utilisé comme une signature «moins» en formules mathématiques. Entre brève tiret et mots, l'espace n'est pas mis. Le tableau de bord court correspond au lien-mnémonique - .

L'utilisation d'un trait d'union et d'une tirette est indiquée dans l'exemple suivant:

Exemple: moulins spéciaux - et -

• Essayez-le vous-même »

Le temps, c'est de l'argent...

Page Web quelque chose ouvre trop longtemps.
Il devrait être chargé en 2-4 secondes.
Le temps, c'est de l'argent...

Liste de certaines spéciales HTML populaires

Variétés de spéciaux spéciaux

Sur le clavier habituel, vous ne trouverez pas une majorité de spécialités mathématiques, techniques, géométriques et autres.
Pour appliquer de tels caractères dans la page HTML, vous pouvez utiliser les noms mnémoniques correspondants.

Dans l'exemple éventuel, on peut le voir car le même symbole peut être affiché à l'aide de différents codes.

Bonjour, chère blog lecteurs site web. Un peu plus tôt, nous avons déjà réussi à parler de savoir s'ils ont également appris le design. Aujourd'hui, nous avons le concept d'écart dans le HTML à son tour, et toujours associé à la formatage du code lorsque vous l'écrivez (pour la commodité de la lecture et de la perception ultérieures).

Eh bien, en raison du fait que nous aborderons sur le sujet d'un espace indissociable et d'un transfert progressif, nous devrons mettre l'accent sur notre attention sur les mélanges soi-disant spéciaux ou les mnémoniques utilisés dans la langue HTML, ce qui vous permettra d'ajouter un Lot de caractères supplémentaires au code Web, qui semble être mentionné ci-dessus. Mais premières choses d'abord.

Espaces et symboles aveugles dans HTML

Avant de passer à la question du formatage du texte à l'aide de balises spécialement conçues (paragraphe, titres, etc.), je souhaite m'arrêter à ce moment-là, comme dans la langue HTML, les espaces, les ports de chaîne (Entrée) et la tabulation, comment briser le texte la fenêtre du navigateur lors de la modification de sa taille.

True pour ce type de formatage visuel (qui ne sera pas vu sur la page Web), utilisez le plus souvent les lacunes elles-mêmes, à savoir les onglets et les symboles de transfert de ligne. Il y a une telle règle - lorsque vous commencez à écrire la balise HTML, alors faire un tiret avec des onglets (Touche d'onglet sur le clavier) et lorsque cette balise est fermée, retirez l'indent (le raccourci clavier sur le clavier).

Il est nécessaire de le faire de manière à ce que les étiquettes d'ouverture et de fermeture soient à un niveau vertical (sur le même nombre de tabulations du bord droit de votre éditeur HTML, par exemple, Notepad ++, que j'ai écrit à propos). De plus, je vous conseille immédiatement après avoir écrit l'élément d'ouverture pour créer plusieurs portés de ligne et vous enregistrer immédiatement au même niveau (le nombre de tabulations) afin que vous n'oubliez pas de le faire.

Ceux. Les éléments d'ouverture et de fermeture doivent se tenir sur le niveau vertical et les balises internes se déplacent vers un onglet de l'onglet et nous avons de la fermeture et de l'ouverture au même niveau.

Pour des documents Web simples, cela peut sembler des excès, mais lors de la création de plus ou moins complexes, leur le code sera beaucoup plus visuel Et lisible en raison de l'abondance des espaces, il sera beaucoup plus facile de remarquer des erreurs en raison de l'emplacement symétrique des balises.

Mélangeurs spéciaux ou mnémoniques en code HTML

Alors, parlons maintenant des soi-disant personnages spéciaux, la commodité d'utilisation que j'ai annoncée au début de cet article. Les mélanges spéciaux sont parfois appelés memoniques ou substitutions. Ils sont destinés à résoudre assez longtemps dans la langue de balisage hypertexte associé au codage utilisé.

Lorsque vous tapez le texte du clavier, il codonne les caractères de votre langue par 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) par décodage.

Encodage Il y a beaucoup, mais pour le langage HTML, une version étendue du codage a été adoptée par défaut.

Dans ce texte codant, il était possible d'écrire seulement 256 caractères - 128 de ASCII et 128 autres pour les lettres de la langue russe. En conséquence, il y avait un problème à l'aide de signes sur des sites qui ne sont pas inclus dans ASCII et ne sont pas les lettres de la langue russe, qui font partie du codage Windows 1251 (CP1251). Ils ont décidé d'utiliser un tilde ou une apostrophe, et les capacités d'un tel code HTML utilisé dans la langue HTML n'ont pas été posées.

C'est pour de tels cas que les substitutions ont été inventées ou, en d'autres termes, mnémoniques. Initialement les mélangeurs spéciaux avaient un type d'enregistrement numériqueMais alors pour les plus courants d'entre eux, leurs analogues de lettres ont été ajoutées à la simplicité de leur mémorisation.

En général, Mnemonics est un tel signe qui commence par AMPersand "&" et se termine par un point avec une virgule ";". C'est précisément sur ces signes un navigateur lors de l'analyse du code HTML alloue les spécialistes de celui-ci. Immédiatement derrière l'ampersand dans le code de substitution numérique devrait suivre le panneau de réseau "#", parfois appelé hachage. Et seulement puis suit le code numérique du symbole souhaité dans l'encodage du codeur.

Dans Unicode, vous pouvez écrire plus de 60 000 caractères - l'essentiel est que le symbole mnémonique a besoin de vous soutenir par la police utilisée sur votre site. Il existe des polices avec support pour presque tous les signes de codage Unicode, et il existe des options uniquement avec un ensemble spécifique de caractères.

La liste complète des spécialistes sera juste énorme, mais mnémoniques les plus fréquemment utilisées Vous pouvez emprunter, par exemple, de cette table:

Il y a assez intéressant méthode de réception de code HTML Mnemonic Pour le signe dont vous avez besoin. Pour ce faire, il suffira d'ouvrir l'éditeur de Word Microsoft Word, de créer un nouveau document et de sélectionner dans le menu supérieur "Insérer" - "Symbole" (i Utilisez la version 2003, donc je ne sais pas comment faire une opération similaire dans versions ultérieures).

Dans la fenêtre qui s'ouvre, vous devez sélectionner une police, par exemple, le Neuve Roman (ou tout autre, qui saura assister à la plupart des ordinateurs de visiteurs sur votre site - Courrier ou Arial, par exemple).

Ajouter de la liste ouverte à votre document Word Tous les spécialistes dont vous avez besoin et enregistrer ce document Vordvien sous forme de page Web (sélectionnée dans la liste déroulante ".html" lors de la sauvegarde). Eh bien, puis vous ne resterez que pour ouvrir cette page Web dans n'importe quel éditeur HTML (tout le même NotePad ++ convient) et vous verrez tous les codes numériques du mnémonique dont vous avez besoin:

La méthode est un peu compliquée, mais si elle envisage d'utiliser une spéciale spéciale spéciale rare sur la page de votre site, elle sera plus facile que de trouver une table sur Internet, semblable au légèrement plus élevé. Vous devez insérer le code de code spécial pour insérer dans l'emplacement souhaité et au lieu de la page Web sur la page Web, le navigateur affiche le signe dont vous avez besoin (par exemple, un espace existant).

Gap inspectif et transfert molle dans les exemples

Comme je l'ai déjà mentionné ci-dessus et comment vous pouvez voir des tables spéciales ci-dessus de symboles spéciaux, certaines mnémoniques dans HTML ont été sauf pour la désignation symbolique numérique pour leur mémorisation plus simple. Ceux. Au lieu du signe du treillis "#" (hachage), les mots sont utilisés dans des versions symboliques. Par exemple, tout le même écart intégré peut être enregistré soit (mnemonics numériques), soit comme (symbolique).

Lors de la rédaction d'articles, si vous devez insérer un signe AMPersand (&) ou le support d'angle d'ouverture dans le texte du document (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

Ceux-ci, si vous écrivez un article dans lequel vous devrez insérer dans le texte, par exemple, l'affichage de la balise< body> Ou vous avez juste besoin d'insérer un signe plus petit (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

Par conséquent, vous devrez insérer la conception suivante pour résoudre une telle tâche:

Il en va de même pour le nom des codes du mnémonique eux-mêmes, car ils commencent par AMPersand. Vous devrez insérer du code dans le texte avec le remplacement de l'ampersand signer sur sa substitution (spécialiste):

Il devra faire pour obtenir sur la page<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

Vous utiliserez probablement un espace indiscutable qui ressemblera à un espace régulier sur la page Web, mais le navigateur ne le perçoit pas comme un symbole vierge en général et ne réalisera pas le transfert (Par exemple, il conviendra pour de telles phrases que 1 400 Go, etc., qui ne distribueront pas de manière souhaitable le transfert par différentes lignes):

1400 gb

Parfois, il peut y avoir une situation inverse quand il y a des mots très longs dans le texte et je veux le faire pour que lorsque vous avez besoin d'un navigateur. pourrait casser le mot par virement. Pour de telles fins, il existe un "transfert soft" spécial -

Long Princline & Shynoxo;

Si vous devez transmettre vers une autre ligne, le navigateur, au lieu de transfert molle mnémonique, mettra un trait d'union et envoyez la partie restante du mot à la chaîne suivante. S'il y a suffisamment d'espace pour accueillir le mot entier sur une ligne, il n'y aura pas de navigateur pour dessiner une ligne. C'est comme ça que c'est simple.

Bonne chance à toi! À des réunions ambiguës sur le site Web des pages de blog

voir plus de rouleaux que vous pouvez continuer

Vous pouvez être intéressé

Mailto - Qu'est-ce que c'est et comment créer un lien pour envoyer un email
Tags et attributs des en-têtes H1-H6, de la ligne horizontale HR, de la briefing RR et du paragraphe P selon HTML 4.01
Comment insérer dans le lien HTML et l'image (photo) - IMG et une balise

Bonjour, chère blog lecteurs site! Ceux qui sont au moins superficiellement réalisés à se familiariser, probablement ont déjà pris note, même en termes généraux. Donc, avez une idée de laquelle à tous les caractères HTML sont utilisés dans le code du document.

Dans l'article d'aujourd'hui, nous allons essayer de déterminer qu'elle représente un espace dans HTML, dans quels cas les symboles applicables peuvent être utilisés lors de la mise en forme du code lui-même pour une perception commode. Nous apprenons quand il est nécessaire d'utiliser un espace inséparable et de se familiariser avec d'autres symboles spéciaux (ou, comme ils sont également appelés, mnémoniques).

En fait, je conseillerais de ne pas ignorer l'utilisation de différents caractères spéciaux, car c'est un élément important qui vous permet de faire l'achèvement de l'étude de la langue du marquage hypertexte. En général, les informations fournies dans cette publication ne seront certainement pas. Eh bien, maintenant au cas.

Espaces et symboles aveugles dans HTML

Vous devez d'abord faire une remarque importante. Sur le clavier de l'ordinateur, il y a des clés spéciales qui vous permettent de mettre en œuvre la division du texte (un peu plus à ce sujet ci-dessous). Cependant, seule une large clé d'espace fournit une section entre les mots non seulement dans l'éditeur, mais également dans la fenêtre du navigateur. Lorsque vous transférez des rangées et un indentement du bord, il y a des nuances.

Comme vous le savez, l'affichage de certains éléments du Webbruser est déterminé par des balises. Pour le formatage de texte, une connue est utilisée, qui est bloquée. C'est-à-dire que son contenu est situé tout au long de la largeur disponible.

À lignes de transfert à l'intérieur du paragraphe PVous devez utiliser une balise BR unique, avec laquelle cela peut être fait. Disons que nous devons insérer des lignes des poèmes que nous écrivons dans un éditeur de texte:

Malgré le fait que les lignes de versets sont situées correctement et que les transferts sont effectués dans les bons endroits, tout aura l'air différent dans le navigateur:

Pour obtenir le même affichage dans la fenêtre du navigateur Web, vous devez enregistrer BR:

Nous avons maintenant obtenu l'achèvement de la tâche et dans le navigateur, les lignes poétiques apparaîtront complètement correctement:

Ainsi, les transferts de chaîne nécessaires sont faits. Il convient également de noter une telle caractéristique que plusieurs lacunes fonctionnent à une par une, le WebBuser s'affiche comme une. Dans ce cas, vous pouvez vous assurer que dans le même éditeur, vous n'essaierez pas d'une, mais plusieurs lacunes entre les deux mots et en cliquant sur le bouton "Enregistrer", regardez le résultat dans le navigateur.

Espace, tabulation et transfert de ligne

En principe, avec ces symboles aveugles Nous nous familiarisons immédiatement comment nous commençons à travailler avec le texte de l'éditeur et au format dans le bon formulaire. Pour mettre en œuvre une telle tâche, il y a des clés spéciales, chacune correspond à son symbole globulaire:

• L'espace est la clé la plus large du clavier de l'ordinateur (sans inscription);
• Onglet - clé à gauche avec l'inscription "onglet" et deux flèches dirigées dans différentes directions;
• Transfert de ligne - Touche "Entrée".

Cependant, comme je l'ai dit ci-dessus, le résultat souhaité final n'est pas seulement dans l'éditeur de texte, mais également dans le navigateur, nous obtenons uniquement lors de l'utilisation de la première clé. Toutes les trois touches (y compris l'onglet et le transfert de la chaîne sont utiles à utiliser lors de la mise en forme du code HTML. Disons-le, voici comment le fragment de code ressemble à un bloc-notes ++ (matériau sensible est à propos de cet éditeur) lorsque tous les caractères de l'espace sont affiché:

Nous obtenons un code qui est facilement lu et compris grâce aux espaces. Des flèches orange marquées des trindages créés à l'aide de la touche Tab et des symboles CR et LF des lignes effectuées par Cavishi Entrée.

Les conteneurs nichés d'une autre sont visibles, les étiquettes d'ouverture et de fermeture sont bien attribuées. Dans ce formulaire, ce code peut être édité calmement. Et maintenant le comparer avec le même code, dans lequel il n'y a pas de division similaire du texte:

De la même manière, en utilisant les caractères spatiaux, les règles CSS peuvent également être prescrites, qui sembleront visuellement claire et répondant:

Après avoir apporté tous les styles à un dénominateur commun et terminer complètement le fichier de style, il sera possible de soumettre à tous les espaces du code. Il est nécessaire d'augmenter, ce qui est très important lors de la promotion de la ressource.

Moles spéciales (ou mnémoniques) dans le code HTML

Maintenant, nous analyserons, dans quels cas il est nécessaire d'utiliser des caractères spéciaux que j'ai mentionnés au début de l'article. Les taupes spéciales HTML, parfois appelées mnémoniques, sont introduites pour résoudre un problème de codage de longue date survenu dans la langue du balisage hypertexte.

Lorsque vous définissez le texte du clavier, les symboles de langue sont codés que vous utilisez. Le Webbrawner sera affiché dans le Webborer à l'aide des polices que vous avez sélectionnées à la suite de l'opération de décodage inverse.

Le fait est qu'il y a beaucoup de codages similaires, nous n'avons maintenant aucun but de les démonter en détail. Juste dans chacun d'eux ne peut pas obtenir un ou d'autres caractères qui, toutefois, vous devez afficher. Disons-nous, il est impatient de prescrire une citation unique ou un signe d'accent, et ces badges ne sont pas courants dans l'ensemble.

Afin d'éliminer ce problème, un système de symboles spécial a été introduit, qui comprend un grand nombre de mnémoniques diverses. Tous à partir de l'icône AMPersand "&" et finissent par un point de virgule ";". Au début, chaque mélange spécial correspond à son code numérique. Par exemple, pour un espace indissociable, qui sera considéré comme légèrement en dessous, une telle entrée sera valide:

Mais après un certain temps, les symboles les plus courants ont été attribués à des analogues de lettre (mnemonics) afin qu'ils soient plus faciles à retenir. Par exemple, pour le même espace indissociable, il ressemble à ceci:

En conséquence, le navigateur affiche le caractère correspondant. La liste de mnémonique est très volumineuse, mélange spécial le plus fréquemment utilisé HTML Vous pouvez détecter ci-dessous le tableau suivant:

Cas d'utilisation de certains symboles spéciaux, y compris un espace indissociable et un transfert mou

Si vous avez déjà étudié la table un peu, j'ai reçu une confirmation par ce que j'ai dit ci-dessus indiquait qu'il utilise un code numérique () ou sa lettre analogique (symbole mnémonique), où la lettre () est écrite au lieu de la totalité de la grille et chiffres.

Voyons maintenant quand vous devez appliquer ces codes. Dites, dans l'article, vous devez informer une balise HTML, par exemple,