Un ghid simplu pentru utilizarea caracterelor speciale în HTML
Paginile web pe care le vizitați online sunt construite folosind cod HTML care le permite browserelor web să identifice conținutul paginii și să o facă vizual vizual pentru spectatori. Codul conține blocuri de instrucțiuni cunoscute ca elemente, pe care vizualizatorul de pagini web nu le vede niciodată. Codul conține, de asemenea, caractere normale de text, cum ar fi cele din titlurile și paragrafele create pentru cititor.
Rolul caracterelor speciale în HTML
Când utilizați codul HTML și tastați textul creat pentru a fi vizualizat, de obicei nu aveți nevoie de coduri speciale - utilizați doar tastatura calculatorului pentru a adăuga literele sau caracterele corespunzătoare. O problemă apare când doriți să tastați un caracter în textul lizibil pe care îl folosește HTML ca parte a codului însuși. Aceste caractere includ caracterele <și> care sunt folosite în cod pentru a începe și termina fiecare etichetă HTML. De asemenea, este posibil să doriți să includeți caractere în text care nu au analogic direct pe tastatură, cum ar fi © și Ñ. Pentru caracterele care nu au o tastă pe tastatură, introduceți un cod.
Caracterele speciale sunt anumite piese de cod HTML concepute pentru a afișa caracterele folosite în codul HTML sau pentru a include caracterele care nu sunt găsite pe tastatură în textul pe care îl vede spectatorul. HTML redă aceste caractere speciale fie prin codare numerică, fie prin caracter, astfel încât acestea să poată fi incluse într-un document HTML, citite de browser și afișate corect pentru vizitatorii site-ului dvs.
Caracterele HTML speciale
Trei personaje se află în centrul sintaxei codului HTML. Nu trebuie să le folosiți niciodată în porțiunile lizibile ale paginii dvs. web, fără a le codifica mai întâi pentru afișarea corectă. Ele sunt mai mari decât, mai puțin decât, și simboluri ampersand. Cu alte cuvinte, nu ar trebui să utilizați niciodată simbolul < sub codul HTML decât dacă este începutul unei etichete HTML. În caz contrar, caracterul confundă browserele, iar paginile dvs. nu pot fi redate așa cum vă așteptați. Cele trei caractere pe care nu trebuie să le adăugați niciodată sunt necodate:
- mai puțin decât semnul <
- mai mare decât semn >
- ampersand &
Când introduceți aceste caractere direct în codul dvs. HTML, cu excepția cazului în care le folosiți ca elemente în tipul de cod în codare pentru ele, astfel încât acestea să apară corect în textul lizibil:
- mai puțin decât semnul -
- mai mare decât semnul - & gt;
- ampersand - & amp;
Fiecare personaj special începe cu un ampersand - chiar și caracterul special pentru ampersand începe cu acest personaj. Caracterele speciale se termină cu un punct și virgulă. Între aceste două caractere, adăugați ceea ce este potrivit pentru caracterul special pe care doriți să-l adăugați. Acesta (pentru mai puțin de ) creează simbolul mai puțin decât atunci când apare între ampersand și punct și virgulă în HTML. În mod similar, GT creează un simbol mai mare decât cel de amprentă și un randament amper și atunci când sunt poziționate între ampersand și punct și virgulă.
Caractere speciale pe care nu le puteți tasta
Orice caracter care poate fi redat în setul de caractere standard Latin-1 poate fi redat în HTML. Dacă nu apare pe tastatură, utilizați simbolul ampersand cu codul unic care a fost atribuit caracterului urmat de punct și virgulă.
De exemplu, "codul prietenos" pentru simbolul drepturilor de autor este & copy; și & comerț ; este codul simbolului mărcii comerciale.
Acest cod prietenos este ușor de scris și ușor de reținut, dar există o mulțime de personaje care nu au un cod prietenos ușor de reținut.
Fiecare caracter care poate fi tastat pe ecran are un cod numeric zecimal corespunzător. Puteți utiliza acest cod numeric pentru a afișa orice caracter. De exemplu, codul numeric zecimal pentru simbolul drepturilor de autor- & # 169; -demonstrates cum funcționează codurile numerice. Începe încă cu un ampersand și se termină cu un punct și virgulă, dar în loc de text prietenos, folosești semnul numeric urmat de un cod unic pentru acel personaj.
Codurile prietenoase sunt ușor de reținut, dar codurile numerice sunt adesea mai fiabile. Site-urile care sunt construite cu baze de date și XML ar putea să nu aibă toate codurile prietenoase definite, dar acceptă codurile numerice.
Cea mai bună modalitate de a găsi codurile numerice pentru caractere este în seturile de caractere pe care le puteți găsi online. Când găsiți simbolul de care aveți nevoie, copiați și inserați codul numeric în codul HTML.
Unele seturi de caractere includ:
- Coduri valutare
- Codurile matematice
- Codurile de punctuație
- Coduri de pronunție
- Codurile diacritice
Caracterele non-engleză
Caracterele speciale nu se limitează la limba engleză. Caracterele speciale din limbile non-engleză pot fi exprimate în HTML, inclusiv:
Deci, ce sunt codurile hexazecimale?
Codul hexazecimal este un format alternativ pentru afișarea de caractere speciale în cod HTML. Puteți utiliza oricare metodă doriți pentru pagina dvs. web. Vă căutați în seturi de caractere online și le folosiți în același mod în care folosiți coduri prietenoase sau coduri numerice.
Adăugați Declarația Unicode la capul dvs. de document
Adăugați următoarea metatichetă oriunde în interiorul
-ului paginii dvs. Web pentru a vă asigura că caracterele dvs. speciale sunt afișate corect.sfaturi
Indiferent de metoda pe care o utilizați, țineți cont de cele mai bune practici:
- Întotdeauna închideți entitatea dvs. cu punct și virgulă. Unii editori HTML vă permit să încărcați codurile HTML fără punct și virgulă finală, însă paginile dvs. vor fi nevalide, iar multe browsere web nu vor afișa corect entitățile fără ea.
- Întotdeauna încep cu un ampersand. Mulți editori web vă permit să scăpați cu excepția "amp;"; dar atunci când afișați un ampersand singur în XHTML, provoacă o eroare de validare.
- Testați-vă paginile în cât mai multe browsere. Dacă caracterul este esențial pentru înțelegerea documentului dvs. și nu îl puteți testa în combinațiile browser / OS pe care le utilizează clienții dvs., ar trebui să găsiți un alt mod de ao reprezenta. Cu toate acestea, înainte de a recurge la imagini sau altceva, încercați unul din instrumentele de testare a browserului care vă pot valida codul în mai multe browsere.