Le pagine web che visiti online sono costruite utilizzando HTML codice che dice ai browser web qual è il contenuto della pagina e come renderla visivamente per i visualizzatori. Il codice contiene blocchi di istruzioni noti come elementi, che il visualizzatore di pagine Web non vede mai. Il codice contiene anche caratteri di testo normali come quelli nei titoli e nei paragrafi progettati per essere letti dallo spettatore.
Il ruolo dei caratteri speciali in HTML
Quando si utilizza HTML e si digita il testo progettato per essere visualizzato, di solito non è necessario alcun codice speciale: si utilizza solo la tastiera del computer per aggiungere le lettere oi caratteri appropriati. Un problema sorge quando si desidera digitare un carattere nel testo leggibile che l'HTML utilizza come parte del codice stesso. Questi caratteri includono il < e > caratteri utilizzati nel codice per iniziare e terminare ogni tag HTML. Potresti anche voler includere caratteri nel testo che non hanno un analogo diretto sulla tastiera, come
© e Ñ. Per i caratteri che non hanno un tasto sulla tastiera, inserisci un codice.
I caratteri speciali sono parti specifiche di codice HTML progettate per visualizzare i caratteri utilizzati in il codice HTML o per includere caratteri che non si trovano sulla tastiera nel testo il visualizzatore vede. L'HTML rende questi caratteri speciali con codifica numerica o di caratteri in modo che possano essere inclusi in un'immagine Documento HTML, letto dal browser e visualizzato correttamente per i visitatori del tuo sito.
Ci sono tre caratteri al centro della sintassi del codice HTML. Non dovresti mai usarli nelle parti leggibili della tua pagina web senza prima codificarli per una corretta visualizzazione. Sono i simboli maggiore di, minore di e e commerciale. In altre parole, non dovresti mai usare il simbolo meno di < nel tuo codice HTML a meno che non sia l'inizio di un tag HTML. Se lo fai, il carattere confonde i browser e le tue pagine potrebbero non essere visualizzate come previsto. I tre caratteri che non dovresti mai aggiungere non codificati sono:
- segno meno dithan <
- segno di maggiore di >
- e commerciale &
Quando digiti questi caratteri direttamente nel tuo codice HTML, a meno che non li utilizzi come elementi nel codice, digita la codifica per essi, in modo che appaiano correttamente nel testo leggibile:
- segno meno di — <
- segno di maggiore di — >
- e commerciale — &
Ogni carattere speciale inizia con una e commerciale, anche il carattere speciale per la e commerciale inizia con questo carattere. I caratteri speciali terminano con un punto e virgola. Tra questi due caratteri, aggiungi ciò che è appropriato per il carattere speciale che desideri aggiungere. lt (per meno di) crea il simbolo minore di quando appare tra la e commerciale e il punto e virgola in HTML. Allo stesso modo, gt crea il simbolo maggiore di e amplificatore produce una e commerciale quando sono posizionati tra an e commerciale e punto e virgola.
Caratteri speciali che non puoi digitare
Qualsiasi carattere che può essere reso nel set di caratteri standard Latin-1 può essere reso in HTML. Se non compare sulla tastiera, usa il simbolo della e commerciale con il codice univoco che è stato assegnato al carattere seguito dal punto e virgola.
Ad esempio, il "codice amichevole" per il simbolo del copyright is © e ™ è il codice per il simbolo del marchio.
Questo codice amichevole è facile da digitare e facile da ricordare, ma ci sono molti caratteri che non hanno un codice amichevole facile da ricordare.
Ogni carattere che può essere digitato sullo schermo ha un corrispondente codice numerico decimale. È possibile utilizzare questo codice numerico per visualizzare qualsiasi carattere. Ad esempio, il codice numerico decimale per il simbolo del copyright — © — dimostrare il funzionamento dei codici numerici. Iniziano ancora con una e commerciale e finiscono con un punto e virgola, ma invece del testo descrittivo, usi il simbolo del numero seguito da un codice numerico univoco per quel carattere.
I codici amichevoli sono facili da ricordare, ma i codici numerici sono spesso più affidabili. Siti che sono costruiti con database e XML potrebbero non avere tutti i codici amichevoli definiti, ma supportano i codici numerici.
Il modo migliore per trovare i codici numerici per i caratteri è nei set di caratteri che puoi trovare online. Quando trovi il simbolo di cui hai bisogno, copia e incolla il codice numerico nel tuo HTML.
Alcuni set di caratteri includono:
- Codici valuta
- Codici matematici
- Codici di punteggiatura
- Codici di pronuncia
- Codici diacritici
Caratteri non in lingua inglese
I caratteri speciali non sono limitati alla lingua inglese. I caratteri speciali in lingue diverse dall'inglese possono essere espressi in HTML, tra cui:
- spagnolo
- francese
- greco
- rumeno
Quindi cosa sono i codici esadecimali?
Codice esadecimale è un formato alternativo per la visualizzazione di caratteri speciali nel codice HTML. Puoi utilizzare qualsiasi metodo desideri per la tua pagina web. Li cerchi nei set di caratteri online e li usi nello stesso modo in cui usi i codici amichevoli o i codici numerici.
Aggiungi la dichiarazione Unicode alla testa del documento
Aggiungi il seguente meta tag ovunque all'interno del file.
contenuto="testo/html; charset=utf-8" />Suggerimenti
Indipendentemente dal metodo utilizzato, tieni a mente alcune best practice:
Termina sempre la tua entità con un punto e virgola
Alcuni editor HTML ti consentono di pubblicare codici HTML senza il punto e virgola finale, ma le tue pagine non saranno valide e molti browser Web non visualizzeranno le entità correttamente senza di esso.
Inizia sempre con una e commerciale
Molti editor web ti permettono di farla franca tralasciando "amp;" ma quando mostri una e commerciale da sola in XHTML, provoca un errore di convalida.
Testa le tue pagine in quanti più browser puoi
Se il carattere è fondamentale per comprendere il tuo documento e non puoi testarlo nelle combinazioni browser/sistema operativo utilizzate dai tuoi clienti, dovresti trovare un altro modo per rappresentarlo. Tuttavia, prima di ricorrere a immagini o altro, prova uno degli strumenti di test del browser in grado di convalidare il tuo codice in più browser.