Il fait gris, risque de pluie... pas de photo! Un jour parfait pour publier une info qui ne sert pas à grand chose, sinon à s'amuser à égayer nos petits mots de symboles et dessins inutiles ☻
coeur, soleil, smiley...: comment insérer des caractères spéciaux?
Vous êtes-vous déjà demandé comment font certains blogueurs pour parsemer leurs textes de petits dessins (coeur ♥, pique ♠, soleil ☼...)? Avez-vous vous aussi maintes fois buté sur l'éternel problème du ç majuscule Ç?
Tous ces signes, dessins, symboles et lettres constituent ce que l'on appelle les "caractères spéciaux". Il existe différents moyens de les écrire: raccourci-clavier, codes...
 |
| Des raccourcis clavier et codes pour écrire des caractères spéciaux, smileys, cœurs... |
Code [Alt] + nombre (alt-caractère): un raccourci clavier facile!
Le plus simple, c'est d'utiliser le "alt caractère": on appuie sur la touche "alt" puis sur un nombre correspondant à un signe précis (avec le pavé numérique). Ce code est idéal pour les petits messages commentaires.
Voilà une petite liste totalement subjective et non exhaustive de caractères spéciaux susceptibles de vous servir:
Des caractères spéciaux utilitaires:
Alt 128: Ç
Alt 145: æ
Alt 146: Æ (ça, c'est pour Æschne...)
Alt 064: @
Alt 0169: ©
Alt 0174: ®
Alt 036: $
Alt 156: £
Alt 0128: €
Des symboles mathématiques:
Alt 37: %
Alt 171: ½
Alt 172: ¼
Des flèches pleines:
Alt 16: ►
Alt 17: ◄
Alt 30: ▲
Alt 31: ▼
Et les petits dessins pour agrémenter vos commentaires ☺
Alt 1: ☺
Alt 2: ☻
Alt 3: ♥
Alt 4: ♦
Alt 5: ♣
Alt 6: ♠
Alt 13: ♪
Alt 14: ♫
Alt 15: ☼
Une petite grosse réserve: ces codes peuvent ne pas être utilisables ou ne pas être lisibles par certains ordinateurs, selon le clavier, le navigateur, la police.. Donc à utiliser avec parcimonie, et de préférence dans des textes éphémères (commentaires, échanges sur forum...)
- Vous trouverez une liste beaucoup plus exhaustive de ces codes "Alt" pour caractères spéciaux en suivant le lien. J'ai un peu de mal à m'y retrouver entre les codes "Alt Caractères", et ASCII, ainsi que la fiabilité de leur utilisation...
- Ces dessins et caractères spéciaux se modifient exactement comme un texte: on peut en changer la taille, la couleur, les mettre en gras...
caractères spéciaux: "entités de caractère" et code html: plus fiable!
Je ne suis pas spécialiste des caractères spéciaux, ni de leur lisibilité selon les navigateurs, les polices... mais pour une page web qui est destinée à durer, il me semble préférable d'utiliser un code plus complexe qui définit des "entités de caractère": code html, unicode, Tex. Un peu plus compliqué, mais plus fiable, et vos caractères spéciaux seront plus facilement lus par n'importe quel navigateur.
Vous en trouverez une liste ici: Caractères spéciaux et entités html ou encore sur la page Liste des caractères spéciaux de wikipédia qui donne le code des célèbres peace and love ☮ et yin et yang ☯
Très bon Dimanche à tous ☺ sous le ☼ avec un peu de chance!
► et ne plus ça marche !
RépondreSupprimer► la preuve !
Merci Cathy ☺☺☺♥♪♫
Je te souhaite plein de ☼ (mais pas trop), pour tes photos.
@ Essere: Merci pour ce test-commentaire illustré ☺
RépondreSupprimerCôté ☼, ça n'est pas gagné...
Bonjour ,En effet c'est un jour à jouer aux ♦♣♠♥ ou a écouter de la ♫.
RépondreSupprimerEt également de laisser des messages comme tu l'as fais sur mon blog je t'en remercie vivement ☺.
Bon dimanche . Eric
Ça peut toujours servir à écrire des pages sans être obligé de passer par des images pour faire des boutons.
RépondreSupprimerDe plus ça rend une page autonome d'un point de vue des dépendances si le code qui compose ladite page est entièrement intégré dans cette dernière (feuille de style incluse). Très pratique pour envoyer par courriel par exemple et être lu tel quel.
☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼
RépondreSupprimerÇa marche enfin !
Combien de fois me suis je heurtée à ce mystère du Ç !
Apparemment, le ☼ n'est pas au rendez-vous par chez vous. Je vous en envoie donc, car ici, c'est tout beau, tout chaud !
☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼
☺ Biseeeeeeeeeees de Christineeee ☺
@ Eric: Dimanche décidément sans ☼... Vivement demain!
RépondreSupprimer@ Raf: Oui, pour remplacer puces et boutons "images", c'est plutôt pas mal. Je n'avais pas pensé aux mails.
On peut en effet réfléchir longuement à l'avantage/inconvénient entre "autonomie" et "fichier css indépendant", pour les smileys, boutons. Rien n'est jamais simple, en info...
@ Christineeeee: J'ai très souvent remplacé un "Ça" par un "Cela". Je crois comprendre à ton com que je ne suis pas la seule dans ce cas ☺.
Bon, ben, chez moi, ça ne marche pas du tout. Encore la faute à ce !*? de navigateur!
RépondreSupprimerEn tout cas ce n'est pas le clavier, à moins que...
Combien de temps faut-il attendre entre la pression sur “Alt” et les nombres sur le pavé numérique??
Dommage, j'aurais bien voulu t'envoyer du soleil, moi aussi, mais le coeur y est!
Merci Cathy,
RépondreSupprimertrès bonne idée ce rappel, nous utilisons souvent le " Alt 0169: © "
J'oubliais,
RépondreSupprimeron doit pouvoir trouver les symboles "mâle" avec la flèche, et femelle avec la petite croix ? ♀ ♂
Mais je ne parviens pas à les insérer!
HELP !!!
@ Monic, Monique et Daniel: je suis désolée de ne pouvoir vous répondre. Je ne suis pas spécialiste, et je me suis contentée de donner mes astuces. Mais ces caractères spéciaux posent souvent problème (et peut-être avec un Mac?)
RépondreSupprimerj'ai pris mon stylo et j'ai tout recopié,c'est ma fille qui va être contente.Et ce Ç m'en a bien fait voir souvent. Merci Cathy !
RépondreSupprimerJe ne connaissais pas du tout ces raccourcis clavier, c'est sympa.
RépondreSupprimerBonjour, j'ai trouvé cet article super, seulement ça ne marche pas chez moi :(
RépondreSupprimerJ'ai lu sur le net que les pc portable pouvaient bloquer tout cela. Si cela provient de ça, c'est plutôt décevant. Je suis obligée de contrer l'obstacle et de copier coller les sympboles qui m'intéressent :(
Car lorsque je tape sur la touche Alt puis que je tape 5 par exemple et bien rien ne se passe, ça n'écrit même pas le chiffre 5 ...
Bref merci pour ces précisions, je garde en favoris et me copie/collerai tout ça à l'occasion ;)