Questo sito o gli strumenti terzi da questo utilizzati si avvalgono di cookie

I cookie sono necessari al corretto funzionamento del sito e alla profilazione dell'utente per fini statistici. Proseguendo nella navigazione o chiudendo questa finestra, presti il tuo consenso all'installazione dei cookie.

Chiudi

AF Informatica - Blog

Come inserire nel codice HTML i caratteri speciali?

Come inserire nel codice HTML i caratteri speciali?

Quando si inizia lo studio di questo linguaggio prima o poi ci capita di chiederci ma se io devo inserire dei caratteri speciali  tipo © ® e tanti altri. L’importante è ricordarsi sempre che se io voglio scrivere il marchio copyright ( con gli editor di testo tipo dreamvewer oppure con gli editor all’interno dei CMS più famosi WordPress, Joomla, Drupal, Magento ecc) Dobbiamo ricordarci che è un codice quindi deve  essere scritto non nella parte visuale dell’editor ma nella sezione deputata a ricevere il codice Html nel caso di TinyMCE  devo inserirlo nella sezione testo

Per capirci un immagine che raffigura i caratteri specialiPerchè impostare la codifica HTML è importante altrimenti non si vedono le lettere accentate

Agli albori dell’informatica i caratteri erano i caratteri Ascii (AMERCAN STANDARD CODE FOR INFORMATION INTERCHANGE, Codice Standard Americano per lo Scambio di Informazioni). Parlo di Albori per un motivo, La lingua inglese è sempre stata considerata dagli inizi la lingua ufficiale e questa tipologia di standard (basato su una combinazione di un insieme  di 0 E 1PER UNA LUNGHEZZA DI 8, la scelta di usarne un numero così piccolo di cifre fù una scelta obbligata dalla potenza di calcolo del tempo, eppure con una combinazione di 7 (Qualcuno obbietterà, ma prima non aveva parlato di 8 cifre?, bene L’Ottava cifra è in realtà un codice di controllo), si poteva rappesentare l’intero alfabeto inglese, i caratteri di controllo (ad esempio il ritorno a capo), e alcuni caratteri speciali.

Dopo poco con il progredire della diffusione dei personal computer  a sempre più utenti andava stretta la sola lingua inglese, infatti questo codice non prevedeva le lingue di origine latina  e quindi si passò all’ ASCII ESTESO. Ma quasi subito ci si accorse che il problema “Caratteri” era stato parzialmente risolto, ci si era dimenticati di lingue parlate da pochissime persone……Cinese, Russo, Ebraico e altre insomma una dimenticanza di alcuni miliardi di persone..

Il problema rimanendo sulla definizione iniziale di 8 cifre (Bit) non era risolvibile perchè 2 ^ 7 (2 moltiplicato alla settima) dava un massimo di 128 combinazione troppo poche.

È qui che entra in gioco delle codifiche nuove

Codifiche: UTF-8 rispetto a UTF-16 rispetto a UTF-32

Questa risposta fa un ottimo lavoro nello spiegare le basi:

  • UTF-8 e UTF-16 sono codifiche di lunghezza variabile.
  • In UTF-8, un personaggio può occupare un minimo di 8 bit.
  • In UTF-16, una lunghezza di carattere inizia con 16 bit.
  • UTF-32 è una codifica a lunghezza fissa di 32 bit.

UTF-8 utilizza il set ASCII per i primi 128 caratteri. Questo è utile perché significa che il testo ASCII è valido anche in UTF-8.

mnemonics:

  • UTF- 8 : minimo 8 bit.
  • UTF- 16 : minimo 16 bit.
  • UTF- 32 : minimo e massimo 32 bit.

Unicode ha 1.114.112 posizioni di codice. Quindi per assurdo in grado di codificare anche lingue future.

Carattere
Speciale
HTML Code
(case sensitive)
UnicodeNome o significato
« « « virgolette sinistre in stile europeo
» » » virgolette destre in stile europeo
– – trattino o meno
— — trattino lungo
¡ ¡ ¡ punto esclamativo invertito
¿ ¿ ¿ punto di domanda invertito
" " virgolette
“ “ virgolette sinistre inclinate
” ” virgolette destre inclinate
‘ ‘ virgoletta sinistra inclinata
’ ’ virgoletta destra inclinata
(blank space)     spazio vuoto
Simboli 
& & & e commerciale
¢ ¢ ¢ simbolo di cent
© © © simbolo di copyright
÷ ÷ ÷ simbolo di divisione
> > > simbolo maggiore
< &lt; &#60; simbolo minore
µ &micro; &#181; simbolo micron
· &middot; &#183; punto centrale
&para; &#182; delimitatore di paragrafo o simbolo di paragrafo
± &plusmn; &#177; più o meno
&euro; &#8364; simbolo valuta Euro
£ &pound; &#163; simbolo valuta Sterlina britannica Pound
® &reg; &#174; simbolo di marchio registrato
§ &sect; &#167; delimitatore di sezione
&trade; &#153; simbolo trademark
¥ &yen; &#165; simbolo valuta Yen Giapponese
Diacritici 
á

Á

&aacute;

&Aacute;

&#225;

&#193;

a minuscola accentata con accento acuto

A maiuscola accentata con accento acuto

à

À

&agrave;

&Agrave;

&#224;

&#192;

a minuscola accentata con accento grave

A maiuscola accentata con accento grave

â

Â

&acirc;

&Acirc;

&#226;

&#194;

a minuscola con accento circonflesso

A maiuscola con accento circonflesso

å

Å

&aring;

&Aring;

&#229;

&#197;

a minuscola con anello o occhiello

A maiuscola con anello o occhiello

ã

Ã

&atilde;

&Atilde;

&#227;

&#195;

a minuscola con tilde

A maiuscola con tilde

ä

Ä

&auml;

&Auml;

&#228;

&#196;

a minuscola con dieresi

A maiuscola con dieresi

æ

Æ

&aelig;

&AElig;

&#230;

&#198;

ae minuscola con legatura fonetica

AE maiuscola con legatura fonetica

ç

Ç

&ccedil;

&Ccedil;

&#231;

&#199;

c minuscola con cediglia

C maiuscola con cediglia

é

É

&eacute;

&Eacute;

&#233;

&#201;

e minuscola con accento acuto

E maiuscola con accento acuto

è

È

&egrave;

&Egrave;

&#232;

&#200;

e minuscola con accento grave

E maiuscola con accento grave

ê

Ê

&ecirc;

&Ecirc;

&#234;

&#202;

e minuscola con accento circonflesso

E maiuscola con accento circonflesso

ë

Ë

&euml;

&Euml;

&#235;

&#203;

e minuscola con dieresi o umlaut

E maiuscola con dieresi o umlaut

í

Í

&iacute;

&Iacute;

&#237;

&#205;

i minuscola con accento acuto

I maiuscola con accento acuto

ì

Ì

&igrave;

&Igrave;

&#236;

&#204;

i minuscola con accento grave

I maiuscola con accento grave

î

Î

&icirc;

&Icirc;

&#238;

&#206;

i minuscola con accento circonflesso

I maiuscola con accento circonflesso

ï

Ï

&iuml;

&Iuml;

&#239;

&#207;

i minuscola con diaeresis o umlaut

I maiuscola con diaeresis o umlaut

ñ

Ñ

&ntilde;

&Ntilde;

&#241;

&#209;

n minuscola con tilde

N maiuscola con tilde

ó

Ó

&oacute;

&Oacute;

&#243;

&#211;

o minuscola con accento acuto

O maiuscola con accento acuto

ò

Ò

&ograve;

&Ograve;

&#242;

&#210;

o minuscola con accento grave

O maiuscola con accento grave

ô

Ô

&ocirc;

&Ocirc;

&#244;

&#212;

o minuscola con accento circonflesso

O maiuscola con accento circonflesso

ø

Ø

&oslash;

&Oslash;

&#248;

&#216;

o minuscola barrata (simbolo di diametro)

O maiuscola barrata (simbolo di diametro)

õ

Õ

&otilde;

&Otilde;

&#245;

&#213;

o minuscola con tilde

O maiuscola con tilde

ö

Ö

&ouml;

&Ouml;

&#246;

&#214;

o minuscola con dieresi o umlaut

upper-case O maiuscola con dieresi o umlaut

ú

Ú

&uacute;

&Uacute;

&#250;

&#218;

u minuscola con accento acuto

U maiuscola con accento acuto

ù

Ù

&ugrave;

&Ugrave;

&#249;

&#217;

u minuscola con accento grave

U maiuscola con accento grave

û

Û

&ucirc;

&Ucirc;

&#251;

&#219;

u minuscola con accento circonflesso

U maiuscola con accento circonflesso

ü

Ü

&uuml;

&Uuml;

&#252;

&#220;

u minuscola con dieresi o umlaut

U maiuscola con dieresi o umlaut

ß &szlig; &#223; simbolo beta
ÿ &yuml; &#255; y minuscola con dieresi o umlaut
´   &#180; accento acuto o apostrofo senza lettera
`   &#96; accento grave o apostropo inverso senza lettera
Scacchi 
  &#x2654; Re bianco
  &#x265a; Re nero
  &#x2655; Regina bianca
  &#x265b; Regina nera
  &#x2656; Torre bianca
  &#x265c; Torre nera
  &#x2657 Afiere bianco
  &#x265d; Alfiere nero
  &#x2658; Cavallo bianco
  &#x265e; Cavallo nero
  &#x2659; Pedone bianco
  &#x265f; Pedone nero
Frecce 
&#8594; &#x2190; Freccia a destra
&#8592; &#x2192; Freccia a sinistra
&#8593; &#x2191; Freccia in basso
&#8595; &#x2193; Freccia in basso
&#8596; &#x2194; Doppia freccia orizzontale
&#8597; &#x2195;; Doppia freccia verticale
Vari 
  &#x263c; Sole
  &#x263e; Luna crescente
  &#x263d; Luna calante
  &#x262e; Simbolo Pace
  &#x262f; Simbolo Tao

App's

Le App's esistono sostanzialmente per 3 grossi competitor.
Google con il loro sistema Android
Apple per il loro Iphone
Micorsoft per il loro sistema .
Ma ci siamo mai chiesti le implicazioni in merito alla privacy, di queste App's?.
Io oggi sviluppo un App's, questa per poter funzionare ha bisogno di determinati dati in ingresso, diversamente non funziona.
Fin qui tutto bene, almeno questa dovrebbe essere la norma...

Leggi tutto

HTML 5.2 Le specifiche API di richiesta di pagamento

 

API di richiesta di pagamento                          

Raccomandazione del Candidato W3C

Leggi tutto

SITI WEB E COMUNICAZIONE WEB

Vorrei parlarvi di un problema molto comune dato dal'anafalbetismo informatico di moltissimi imprenditori, artigiani e chi più ne ha più ne metta.I problemi sono vari vediamo di fare un riassunto per punti.

Leggi tutto

Applicazioni Internet Rich accessibili ( WAI-ARIA ) 1.1

 

Applicazioni Internet Rich accessibili ( WAI-ARIA ) 1.1     

Raccomandazione W3C

Leggi tutto

Rdap

Whois è un protocollo di rete che permette di interogare dei Db Server mediante delle query, le informazioni che possiamo ottenere sono molteplici, dalla validità e la scadenza di un dominio, conoscere il nome del server dove il dominio è ospitato, L'anagrafica del dominio, i dns ecc..

Leggi tutto

ADS

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-3408658639365044",
    enable_page_level_ads: true
  });
</script>

Banner Joomla