Caratteri speciali

5.1 Escaping dei caratteri

In HTML i caratteri speciali, conosciuti anche come "character entities", sono usati per rappresentare caratteri che altrimenti verrebbero interpretati come parte della sintassi HTML. Questi caratteri includono, ad esempio, le parentesi angolari, l'ampersand, gli spazi, e anche caratteri di lingue e set di caratteri differenti.

Parentesi angolari e ampersand

Per visualizzare caratteri che sono utilizzati in HTML come parte di tag o sintassi, è necessario usare codici speciali:

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

Esempio di utilizzo:

    
      <p>Usa &lt; e &gt; per indicare le parentesi angolari, e &amp; per l'ampersand.</p>
    
  

Virgolette

Per visualizzare le virgolette doppie e singole all'interno degli attributi HTML:

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

Esempio di utilizzo:

    
      <p>Per le virgolette usa &quot;doppie&quot; e &apos;singole&apos; virgolette.</p>
    
  

5.2 Spazi e spazi non separabili

In HTML più spazi consecutivi sono sempre visualizzati come uno spazio singolo. Per conservare gli spazi o creare spazi non separabili, vengono utilizzati simboli speciali:

• Spazio : &nbsp;
• Spazio sottile : &thinsp;
• Spazio lungo : &emsp;
• Mezzo spazio : &ensp;

Esempio di utilizzo:

    
      <p>Questo&nbsp;testo&nbsp;contiene&nbsp;parecchi&nbsp;spazi&nbsp;non&nbsp;separabili.</p>
    
  

Caratteri speciali e segni diacritici

HTML supporta molti caratteri speciali per varie lingue e set di caratteri. Ad esempio:

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

Esempio di utilizzo:

    
      <p>Copyright &copy; 2024. Tutti i diritti riservati. Prezzo: 50 &euro;</p>
    
  

Simboli matematici

HTML supporta un ampio set di simboli matematici:

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

Esempio di utilizzo:

    
      <p>Soluzione dell'equazione: x &ge; 5 e x &le; 10. Usa &radic; per indicare la radice.</p>
    
  

5.3 Frecce e altri simboli grafici

HTML supporta anche frecce e altri simboli grafici:

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

Esempio di utilizzo:

    
      <p>Direzioni: &larr; sinistra, &uarr; su, &rarr; destra, &darr; giù.</p>
      <p>Semi delle carte: &spades; &hearts; &diams; &clubs;</p>
    
  

Elenco completo dei caratteri speciali

L'elenco completo dei caratteri speciali può essere trovato nella documentazione HTML o su risorse web specializzate come W3Schools o HTML Character Entities Reference.

5.4 Uso delle emoji

Le emoji sono diventate una parte indispensabile della comunicazione digitale moderna. Vengono utilizzate per esprimere emozioni, idee e oggetti nei messaggi di testo, sui social media e sulle pagine web. In HTML le emoji possono essere usate in vari modi.

Utilizzo di Unicode

Le emoji possono essere inserite in un documento HTML tramite simboli Unicode. Ogni emoji ha un codice unico che può essere utilizzato per rappresentarla.

Esempio di utilizzo di Unicode:

    
      <p>Faccia sorridente: 😀</p>
      <p>Cuore: ❤️</p>
      <p>Pollice in su: 👍</p>

    
  

Per inserire un'emoji tramite Unicode è necessario usare il suo codice esadecimale, precedendolo con &#x e chiudendolo con ;.

Esempio di utilizzo di codici esadecimali:

    
      <p>Faccia sorridente: &#x1F600;</p>
      <p>Cuore: &#x2764;&#xFE0F;</p>
      <p>Pollice in su: &#x1F44D;</p>

    
  

Non c'è bisogno di memorizzare tutto questo: basta cercarlo quando necessario e non spaventarti se lo trovi nel codice di qualcun altro 😊

1

Опрос

Tag principali HTML,  4 уровень,  5 лекция

недоступен

Tag principali HTML

Tag principali HTML

Открыть