Éviter les erreurs de conception Conseils utiles Les navigateurs Positionnement web (1/2) Positionnement web (2/2) Entités HTML.
Caractères spéciaux et entités HTML.
Si vous trouvez une article intéressante, vous pouvez participer à sa diffusion en utilisant les boutons de partage situés ci-dessous.
| Résumé de la matière | Description |
|---|---|
| Introduction | Aujourd'hui les navigateurs interprètent les caractères accentués et spéciaux... |
| Rendre un code inactif. | Si vous avez un élément html à expliquer sur une page web, vous ne... |
| Entités HTML | Les principeaux caractère spéciaux et accentuer... |
Caractères spéciaux et entités HTML.
Aujourd'hui les navigateurs interprètent les caractères accentués et spéciaux sans difficulté, mais vous aurez besoin de remplacer les caractères accentués par leurs entités HTML dans le <head> question de bien se faire comprendre par les robots d'indexations. Vous aurez aussi besoin de changer certains caractères si vous avez un lien vers l'extérieur de votre site pour demeurer dans les standards.
Il peut être fastidieux de mémoriser les caractères accentués, mais gardez à l'esprit qu'ils débutent tous par & (e commercial) et ce termine tous par ; (point virgule).
Par exemple :
& + eacute + ; = é
& + egrave + ; = è
Pour les majuscules c'est la même procédure sauf qu'il faut changer la première lettre par une majuscule, par exemple :
& + Eacute + ; = É
& + Egrave + ; = È
Si vous changez la première voyelle, vous changez le caractère, par exemple :
& + egrave + ; = è
& + agrave + ; = à
Bref, dans les faits, il n'y a pas beaucoup de caractère à mémoriser. Pour les caractères spéciaux faite comme tout le monde, un copié coller.
Code inactif.
Si vous avez un élément html à expliquer sur une page web, vous ne le pourrez pas à moins de rendre les balises inactives. Pour ce faire il faut simplement remplacer < et > par leurs entités respectives. Par exemple remplacés < par < et > par >. Le code sera affiché comme un simple texte.
Si vous avez une adresse vers un site extérieure ou une vidéo Youtube, remplacer le symbole & par & pour que votre site demeure valide.
Les principeaux caractère spéciaux et accentuer.
| Caractère | Description | Entitée |
|---|---|---|
| à | a accent grave minuscule. | à |
| À | a accent grave majuscule. | À |
| â | a accent circonflexe minuscule. | â |
| Â | a accent circonflexe majuscule. | Â |
| ç | c cédille minuscule. | ç |
| Ç | c cédille majuscule. | Ç |
| é | e accent aigu minuscule. | é |
| É | e accent aigu majuscule. | É |
| è | e accent grave minuscule. | è |
| È | e accent grave majuscule. | È |
| ê | e accent circonflexe minuscule. | ê |
| Ê | e accent circonflexe majuscule. | Ê |
| ë | e tréma minuscule. | ë |
| Ë | e tréma majuscule. | Ë |
| î | i accent circonflexe minuscule. | î |
| Î | i accent circonflexe majuscule. | Î |
| ï | i tréma minuscule. | ï |
| Ï | i tréma majuscule. | Ï |
| ô | o accent circonflexe minuscule. | ô |
| Ô | o accent circonflexe majuscule. | Ô |
| œ | oe ligature latine minuscule. | œ |
| Π| oe ligature latine majuscule. | Π|
| û | u accent circonflexe minuscule. | û |
| Û | u accent circonflexe majuscule. | Û |
| ù | u accent grave minuscule. | ù |
| Ù | u accent grave majuscule. | Ù |
| Monnaies | Description | Entitée |
| ¤ | symbole monnaitaire. | ¤ |
| € | symbole euro. | € |
| $ | symbole dollar. | $ |
| ¢ | symbole cent. | ¢ |
| £ | livre sterling (monnaie anglaise). | £ |
| ¥ | yen (monnaie japonaise). | ¥ |
| Légal | Description | Entitée |
| © | symbole copyright. | © |
| ® | symbole marque déposée. | ® |
| ™ | symbole marque commerciale (trade mark). | ™ |
| Mathématique | Description | Entitée |
| ° | symbole degré. | ° |
| + | symbole plus. | + |
| − | symbole moins. | − |
| ± | symbole plus-ou-moins. | ± |
| × | symbole multiplication. | × |
| ÷ | symbole division. | ÷ |
| < | inférieur (less-than). | &elt; |
| > | supérieur (greater-than). | &egt; |
| % | pour cent. | % |
| ‰ | pour mille. | ‰ |
| ¼ | un quart. | ¼ |
| ½ | une demi. | ½ |
| ¾ | trois quarts. | ¾ |
| № | Symbole numéro (compatibilité non assuré) | № |
| Paragraphe | Description | Entitée |
| espace | espace insécable. | |
| — | tiret de dialogue. | — |
| & | é commercial, esperluette (ampersand ang.). | & |
| † | obèle. | † |
| ‡ | double obèle. | ‡ |
| § | section. | § |
| ¶ | paragraphe. | ¶ |
Ajouter ce site à vos favoris
