Symboles spéciaux

5.1 Échappement des caractères

En HTML, les caractères spéciaux, également connus sous le nom de "character entities", sont utilisés pour représenter des caractères qui sinon seraient interprétés comme faisant partie de la syntaxe HTML. Ces caractères incluent, par exemple, les chevrons, l'esperluette, les espaces, ainsi que les caractères de différentes langues et jeux de caractères.

Chevrons et esperluette

Pour afficher des caractères utilisés en HTML comme partie intégrante d'une balise ou de la syntaxe, il est nécessaire d'utiliser des codes spéciaux :

• < : &lt;
• > : &gt;
• & : &amp;

Exemple d'utilisation :

    
      <p>Utilisez &lt; et &gt; pour indiquer des chevrons, et &amp; pour l'esperluette.</p>
    
  

Guillemets

Pour afficher des guillemets doubles et simples à l'intérieur des attributs HTML :

• " : &quot;
• ' : &apos;

Exemple d'utilisation :

    
      <p>Pour les guillemets, utilisez &quot;doubles&quot; et &apos;simples&apos; guillemets.</p>
    
  

5.2 Espaces et espaces insécables

En HTML plusieurs espaces consécutifs seront toujours affichés comme un seul espace. Pour préserver les espaces ou créer des espaces insécables, on utilise des caractères spéciaux :

• Espace : &nbsp;
• Espace fin : &thinsp;
• Espace complet : &emsp;
• Espace demi-cadrat : &ensp;

Exemple d'utilisation :

    
      <p>Ce&nbsp;texte&nbsp;contient&nbsp;plusieurs&nbsp;espaces&nbsp;insécables.</p>
    
  

Symboles spéciaux et diacritiques

HTML prend en charge de nombreux symboles spéciaux pour différentes langues et jeux de caractères. Par exemple :

• © : &copy;
• ® : &reg;
• ™ : &trade;
• € : &euro;
• £ : &pound;

Exemple d'utilisation :

    
      <p>Droit d'auteur &copy; 2024. Tous droits réservés. Prix : 50 &euro;</p>
    
  

Symboles mathématiques

HTML prend en charge un large éventail de symboles mathématiques :

• ± : &plusmn;
• × : &times;
• ÷: &divide;
• ≤ : &le;
• ≥: &ge;
• ∞ : &infin;
• √ : &radic;

Exemple d'utilisation :

    
      <p>Solution de l'équation : x &ge; 5 et x &le; 10. Utilisez &radic; pour indiquer une racine.</p>
    
  

5.3 Flèches et autres symboles graphiques

HTML supporte également les flèches et d'autres symboles graphiques :

• ← : &larr;
• ↑ : &uarr;
• → : &rarr;
• ↓ : &darr;
• ↔ : &harr;
• ♠ : &spades;
• ♣ : &clubs;
• ♥ : &hearts;
• ♦ : &diams;

Exemple d'utilisation :

    
      <p>Directions : &larr; gauche, &uarr; haut, &rarr; droite, &darr; bas.</p>
      <p>Enseignes de cartes : &spades; &hearts; &diams; &clubs;</p>
    
  

Liste complète des symboles spéciaux

La liste complète des symboles spéciaux peut être trouvée dans la documentation HTML ou sur des ressources web spécialisées, comme W3Schools ou HTML Character Entities Reference.

5.4 Utilisation des émojis

Les émojis (emoji) sont devenus une partie intégrante de la communication numérique moderne. Ils sont utilisés pour exprimer des émotions, des idées et des objets dans les messages texte, les réseaux sociaux, et sur les pages web. En HTML, les émojis peuvent être utilisés de plusieurs façons.

Utilisation de l'Unicode

On peut insérer des émojis dans un document HTML à l'aide de symboles Unicode. Chaque émoji a un code unique qui peut être utilisé pour l'afficher.

Exemple d'utilisation de l'Unicode :

    
      <p>Visage souriant : 😀</p>
      <p>Cœur : ❤️</p>
      <p>Pouce levé : 👍</p>

    
  

Pour insérer un émoji à l'aide de l'Unicode, il faut utiliser son code hexadécimal, en le précédant par &#x et en le terminant par ;.

Exemple d'utilisation des codes hexadécimaux :

    
      <p>Visage souriant : &#x1F600;</p>
      <p>Cœur : &#x2764;&#xFE0F;</p>
      <p>Pouce levé : &#x1F44D;</p>

    
  

Pas besoin de tout retenir : il suffit de chercher sur le net si besoin, et ne pas s'affoler si vous voyez ça dans du code qui n'est pas le vôtre 😊

1

Опрос

Les tags principaux en HTML,  4 уровень,  5 лекция

недоступен

Les tags principaux en HTML

Les tags principaux en HTML

Открыть