Certains symboles sont difficiles à taper et d'autres sont, techniquement, interdits. Découvrez qui est quoi et comment maîtriser les caractères en HTML.
Il peut arriver que vous ayez besoin d'utiliser un caractère spécial sur votre site Web, comme l'esperluette. Cependant, vous ne pouvez pas simplement taper "&" dans votre code HTML, car il s'agit d'un symbole HTML réservé.
Au lieu de cela, vous pouvez utiliser des entités HTML ou des codes spéciaux pour représenter ces caractères. Cela vous permet d'ajouter des symboles à votre page Web sans interférer avec le code HTML réel.
Que sont les symboles en HTML?
Quand construire un site web HTML, vous utiliserez une gamme de symboles pour la ponctuation. Bien que vous puissiez ajouter la plupart des caractères directement à votre page, certains ont une signification particulière ou sont difficiles à saisir. Par exemple, HTML utilise des symboles tels que des crochets angulaires (< et >), des esperluettes (&) et des guillemets (" et ') pour représenter la structure de votre contenu.
Un navigateur Web interprète généralement le symbole du crochet angulaire comme une balise ouvrante ou fermante. Si ce n'est pas ce que vous avez l'intention, cela peut entraîner des erreurs dans votre page Web. Voici des exemples de symboles nécessitant un code d'entité :
- Esperluette (
&) - Moins que (
<) - Plus grand que (
>) - Double citation (
") - Simple citation (
')
D'autres symboles tels que le symboles de droit d'auteur et de marque ne nécessitent pas de code d'entité, mais vous pouvez toujours en utiliser un si vous préférez. Ils peuvent être difficiles à taper ou même non pris en charge dans votre éditeur de texte. Voici quelques exemples :
- Symbole de copyright (©)
- Symbole de marque (™)
- Symbole de marque déposée (®)
Que sont les entités nommées et numériques?
Vous pouvez représenter chaque symbole à l'aide d'un code d'entité numérique, et le plus courant avec une entité nommée également. Voici quelques exemples:
Symbole |
Code d'entité nommée |
Code d'entité numérique |
Esperluette |
& |
& |
Moins que |
< |
< |
Plus grand que |
> |
> |
Double citation |
" |
" |
Simple citation |
' |
' |
droits d'auteur |
© |
© |
Symbole de marque |
™ |
™ |
Symbole de marque déposée |
® |
® |
L'utilisation du code nommé ou numérique affichera le symbole correspondant. Par exemple, l'utilisation de "©" ou "©" affichera le symbole de copyright.
Ajouter des émoticônes à votre page Web
Vous pouvez également afficher des emojis à l'aide d'un code d'entité. Tous les emojis ont un code d'entité numérique en HTML, mais tous n'ont pas de code d'entité nommé. Voici quelques exemples :
Symbole |
Code d'entité numérique |
Visage souriant (😃) |
😃 |
Visage qui rit (😆) |
😆 |
Visage souriant avec Halo (😇) |
😇 |
Comment insérer des symboles sur une page Web à l'aide de codes d'entité
Vous pouvez insérer des codes d'entité dans le contenu de votre page HTML. L'affichage de votre page Web dans un navigateur convertira les codes en leur symbole correspondant.
- Dans un nouveau fichier HTML, ajoutez la structure de base d'une page Web HTML :
html>
<html>
<diriger>
<titre>Exemple de symbole et d'entitétitre>
<métajeu de caractères="UTF-8">
diriger>
<corps>
corps>
html> - À l'intérieur de la balise body, ajoutez du contenu HTML. Incluez le code d'entité nommé ou numérique pour le symbole que vous souhaitez afficher :
<h1>Symboles HTMLh1>
<p>Symbole du droit d'auteur: ©p>
<p>Symbole esperluette: &p>
<p>Symbole de marque: ™p>
<p>Visage souriant: 😃p> - Ouvrez votre fichier HTML dans un navigateur Web pour afficher les symboles correspondants :
Utilisation de symboles HTML spéciaux ou réservés sur votre site Web
Maintenant que vous savez comment ajouter des symboles à votre page Web HTML, vous pouvez explorer d'autres contenus intéressants que vous pouvez ajouter pour rendre votre site Web plus attrayant.