Cum se utilizează caractere speciale în HTML

Paginile web pe care le vizitați online sunt create folosind HTML cod care le spune browserelor web care este conținutul paginii și cum să-l redea vizual pentru spectatori. Codul conține blocuri didactice cunoscute sub numele de 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 titluri și paragrafe concepute pentru vizualizare.

Rolul caracterelor speciale în HTML

Când utilizați HTML și tastați textul conceput pentru a fi vizualizat, de obicei nu aveți nevoie de coduri speciale - utilizați doar tastatura computerului pentru a adăuga literele sau caracterele corespunzătoare. O problemă apare atunci când doriți să tastați un caracter în textul lizibil pe care HTML îl folosește ca parte a codului în sine. Aceste personaje includ < și > caractere care sunt folosite în cod pentru a începe și a termina fiecare etichetă HTML. De asemenea, vă recomandăm să includeți caractere în text care nu au un analog direct pe tastatură, cum ar fi

instagram viewer
© și Ñ. Pentru caracterele care nu au o tastă pe tastatură, introduceți un cod.

Personaje speciale.
CSA Images / Getty Images

Caracterele speciale sunt piese specifice de cod HTML concepute pentru a afișa caractere care sunt utilizate în codul HTML sau pentru a include caractere care nu se găsesc pe tastatură în textul vizualizatorului vede. HTML redă aceste caractere speciale cu codificare numerică sau de caractere, astfel încât să poată fi incluse într-un Document HTML, citit de browser și afișat corect pentru vizitatorii site-ului dvs.

Există trei caractere la baza sintaxei codului HTML. Nu ar trebui să le utilizați niciodată în porțiunile lizibile ale paginii dvs. web fără a le codifica mai întâi pentru afișare corectă. Acestea sunt simbolurile mai mari decât, mai puțin decât și ampersand. Cu alte cuvinte, nu ar trebui să utilizați niciodată simbolul mai mic decât < în codul dvs. HTML, cu excepția cazului în care este începutul unui Etichetă HTML. Dacă faceți acest lucru, personajul încurcă browserele și este posibil ca paginile dvs. să nu fie redate așa cum vă așteptați. Cele trei caractere pe care nu ar trebui să le adăugați niciodată necodate sunt:

  • mai puțin decât semn <
  • mai mare decât semn >
  • ampersand &

Când introduceți aceste caractere direct în codul dvs. HTML - cu excepția cazului în care le utilizați ca elemente în cod - introduceți codificarea pentru acestea, astfel încât acestea să apară corect în textul lizibil:

  • semn mai mic decât - <
  • semn mai mare decât - >
  • ampersand - &

Fiecare personaj special începe cu un șarpe - chiar și personajul special pentru șarpe începe cu acest personaj. Caracterele speciale se încheie cu punct și virgulă. Între aceste două caractere, adăugați tot ceea ce este potrivit pentru caracterul special pe care doriți să îl adăugați. lt (pentru mai puțin decât) creează simbolul mai mic decât atunci când apare între semnul și punct și virgula în HTML. În mod similar, gt creează simbolul mai mare decât și și amplificator produce un ampersand atunci când sunt poziționate între un ampersand și punct și virgulă.

Personaje speciale pe care nu le puteți scrie

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 cu semnul semnalizator cu codul unic care a fost atribuit caracterului urmat de punct și virgulă.

De exemplu, „codul prietenos” pentru simbolul dreptului de autor este © și ™ este codul pentru simbolul mărcii comerciale.

Acest cod prietenos este ușor de tastat și ușor de reținut, dar există o mulțime de caractere 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 - © - demonstrează cum funcționează codurile numerice. Încă încep cu un semn cu semn și punct și virgulă, dar în loc de text prietenos, utilizați semnul numeric urmat de un cod de număr unic pentru acel caracter.

Codurile prietenoase sunt ușor de reținut, dar codurile numerice sunt adesea mai fiabile. Site-uri care sunt construite cu baze de date și XML s-ar putea să nu aibă toate codurile prietenoase definite, dar acceptă codurile numerice.

Cel mai bun mod 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 lipiți codul numeric în codul HTML.

Unele seturi de caractere includ:

  • Coduri valutare
  • Coduri matematice
  • Coduri de punctuație
  • Coduri de pronunție
  • Coduri diacritice

Personaje care nu sunt în limba engleză

Caracterele speciale nu sunt limitate la limba engleză. Caracterele speciale în limbi care nu sunt englezești pot fi exprimate în HTML, inclusiv:

  • Spaniolă
  • limba franceza
  • Greacă
  • Română

Deci, ce sunt codurile hexazecimale?

Cod hexazecimal este un format alternativ pentru afișarea caracterelor speciale în cod HTML. Puteți utiliza oricare metodă doriți pentru pagina dvs. web. Le căutați în seturi de caractere online și le utilizați în același mod în care utilizați coduri prietenoase sau coduri numerice.

Adăugați declarația Unicode la capul documentului

Adăugați următoarea metaetichetă oriunde în interiorul.

content = "text / html; charset = utf-8 "/>

sfaturi

Indiferent de metoda pe care o utilizați, țineți cont de câteva dintre cele mai bune practici:

Încheiați întotdeauna entitatea cu punct și virgulă

Unii editori HTML vă permit să postați coduri HTML fără punctul și virgula final, dar paginile dvs. vor fi nevalide, iar multe browsere web nu vor afișa corect entitățile fără acesta.

Începeți întotdeauna cu un șarpe

Mulți editori web vă permit să scăpați de a lăsa "amplificatorul"; dar când afișezi un ampersand singur în XHTML, provoacă o eroare de validare.

Testați-vă paginile în cât mai multe browsere posibil

Dacă caracterul este crucial pentru înțelegerea documentului dvs. și nu îl puteți testa în combinațiile browser / sistem de operare pe care clienții dvs. le folosesc, ar trebui să găsiți o altă modalitate de a-l reprezenta. Cu toate acestea, înainte de a recurge la imagini sau altceva, încercați unul dintre instrumentele de testare a browserului care vă pot valida codul în mai multe browsere.

instagram story viewer