Le pagine Web che visiti online sono create utilizzando il codice HTML che indica ai browser Web qual è il contenuto della pagina e come renderlo visivamente per gli spettatori. Il codice contiene blocchi di istruzioni noti come elementi, che il visualizzatore di pagine Web non vede mai. Il codice contiene anche normali caratteri di testo come quelli nei titoli e nei paragrafi progettati per essere letti dal visualizzatore.
Il ruolo dei caratteri speciali in HTML
Quando si utilizza l'HTML e si digita il testo progettato per essere visualizzato, in genere non è necessario alcun codice speciale: si utilizza solo la tastiera del computer per aggiungere lettere o caratteri appropriati. Un problema sorge quando si desidera digitare un carattere nel testo leggibile utilizzato dall'HTML come parte del codice stesso. Questi caratteri includono i caratteri <e> utilizzati nel codice per iniziare e terminare ogni tag HTML. Potresti anche voler includere caratteri nel testo che non hanno un analogico diretto sulla tastiera, come © e Ñ. Per i personaggi che non hanno un tasto sulla tastiera, inserisci un codice.
I caratteri speciali sono pezzi specifici di codice HTML progettati per visualizzare caratteri utilizzati nel codice HTML o per includere caratteri non presenti sulla tastiera nel testo visualizzato dal visualizzatore. HTML rende questi caratteri speciali con codifica numerica o di caratteri, in modo che possano essere inclusi in un documento HTML, letti dal browser e visualizzati correttamente per essere visti dai visitatori del tuo sito.
Caratteri HTML speciali
Tre caratteri sono 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 si dovrebbe mai usare il simbolo minore di < nel codice HTML a meno che non sia l'inizio di un tag HTML. Se lo fai, il personaggio 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 di <
- segno più grande di >
- ampersand &
Quando digiti questi caratteri direttamente nel tuo codice HTML, a meno che non li utilizzi come elementi del tipo di codice nella codifica per loro, così essi appaiono correttamente nel testo leggibile:
- meno di segno -<
- più grande di segno ->
- ampersand – &
Ogni personaggio speciale inizia con una e commerciale - anche il personaggio speciale per la e commerciale inizia con questo personaggio. I caratteri speciali terminano con un punto e virgola. Tra questi due personaggi, si aggiunge ciò che è appropriato per il carattere speciale che si desidera 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 amp produce una e commerciale quando sono posizionati tra una e commerciale e un punto e virgola.
Caratteri speciali che non puoi digitare
Qualsiasi carattere che può essere visualizzato nel set di caratteri standard Latin-1 può essere visualizzato in HTML. Se non viene visualizzato sulla tastiera, si utilizza il simbolo 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 è© e&commercio; è il codice per il simbolo del marchio.
Questo codice amichevole è facile da scrivere e facile da ricordare, ma ci sono molti personaggi che non hanno un codice amichevole facile da ricordare.
Ogni carattere che può essere digitato sullo schermo ha un codice numerico decimale corrispondente. È possibile utilizzare questo codice numerico per visualizzare qualsiasi carattere. Ad esempio, il codice numerico decimale per il simbolo di copyright-©-demonstrates come funzionano i codici numerici. Iniziano ancora con una e commerciale e finiscono con un punto e virgola, ma invece di un testo amichevole, si usa il segno numerico seguito da un codice numerico univoco per quel personaggio.
I codici amichevoli sono facili da ricordare, ma i codici numerici sono spesso più affidabili. I siti creati 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 che ti serve, copia e incolla il codice numerico nel tuo codice HTML.
Alcuni set di caratteri includono:
- Codici di valuta
- Codici matematici
- Codici di punteggiatura
- Codici di pronuncia
- Codici diacritici
Caratteri di lingua diversa dall'inglese
I caratteri speciali non sono limitati alla lingua inglese. Caratteri speciali in lingue diverse dall'inglese possono essere espresse in HTML, tra cui:
- spagnolo
- francese
- greco
- rumeno
Quindi, quali sono i codici esadecimali?
Il codice esadecimale è un formato alternativo per la visualizzazione di caratteri speciali nel codice HTML. Puoi usare qualsiasi metodo tu voglia per la tua pagina web. Puoi cercarli in set di caratteri online e usarli allo stesso modo in cui usi codici amichevoli o codici numerici.
Aggiungi la dichiarazione Unicode alla testa del documento
Aggiungi il seguente meta tag ovunque all'interno del
della tua pagina web per assicurarti che i tuoi caratteri speciali vengano visualizzati correttamente.content = "text / html; charset = utf-8" /> Indipendentemente dal metodo utilizzato, tieni presente alcune best practice: Suggerimenti
