Codificarea paginii html utf 8. Codificarea în html

Setați setul de caractere

Metaetichetă

Trebuie să adăugați o etichetă meta specială la fiecare pagină (sau șablon de antet) care să spună browserului ce set de caractere să folosească pentru a afișa texte. Această etichetă este standard și de obicei arată astfel:

set de caractere=UTF-8» />

set de caractere="utf-8"/> (opțiune pentru HTML 5)

Trebuie să-l lipiți în secțiune - mai bine la început, imediat după cea de deschidere :

Etichetă de metacodare

Prin .htaccess (dacă toate celelalte nu reușesc)

De obicei, primele două opțiuni sunt suficiente și browserele afișează textul cum să. Dar unii dintre ei pot avea probleme și de aceea poți apela la ajutor fișier .htaccess.

Pentru a face acest lucru, trebuie să scrieți următoarea linie în ea:

AddDefaultCharset utf-8

Asta e tot. Dacă aplicați secvențial aceste 3 metode de setare a codificării în proiectul dvs., atunci probabilitatea este că că totul va fi afișat așa cum trebuie, aproape de 100%.

Cum să „vezi” ce se ascunde în spatele simbolurilor ciudate pe un site web?

Dacă accesați o pagină web, vedeți „cuvinte nebunești” și doriți să vedeți text normal, atunci există doar două moduri:

• informați proprietarul site-ului pentru ca totul să fie configurat corect
• încercați să ghiciți singur codificarea. Acest lucru este făcut mijloace standard browsere. În Chrome, de exemplu, trebuie să faceți clic pe meniu „Instrumente => Codificare” iar din listă uriașă alegeți setul potrivit de caractere (adică ghiciți).

Din fericire, aproape toate proiectele web moderne sunt realizate în codificare UTF-8, care este „universală” pentru diferite alfabete și, prin urmare, este din ce în ce mai puțin probabil să le vedeți. simboluri ciudateîn internet.

Pentru ca paginile site-ului dvs. să fie afișate corect în toate browserele și pe tot felul de dispozitive, trebuie să aveți grijă să setați codificarea corectă. Nerespectarea unor condiții, pe care le vom discuta în detaliu astăzi, poate duce la faptul că textul se transformă într-un set de caractere fără sens care sunt pur și simplu imposibil de citit (krakozyabry).

De ce sunt afișate texte proaste în locul textului normal?

Fiecare pagină de pe site-ul dvs. trebuie să aibă o anumită codificare. Despre ce codificare este folosită acest moment trebuie comunicat browserului prin trecerea antetelor speciale. În aceste anteturi trebuie să specificați codificarea care corespunde celei pe care o utilizați în corpul documentelor postate pe site (pe paginile acestuia).

Browsere moderne Ei pot determina ei înșiși codificarea documentului dacă webmasterul a uitat să îl indice în mod explicit. Uneori se întâmplă să apară neconcordanțe între „opinia” browserului și realitate, de unde un set de caractere care nu pot fi citite. Un set de prostii poate lua tipuri diferite, uneori vor fi doar simboluri ciudate, similare cu hieroglifele antice, iar uneori vor fi doar întrebări sau întrebări în interiorul diamantelor negre. De în general Nu este atât de important ce fel de prostii afișează browserul, dar ceea ce contează este că o persoană nu le poate citi.

Dacă te confrunți cu problema unei codificări specificate incorect și vezi pe site-ul tău ceva ce nu poți citi, în primul rând, folosește un Decodor special dezvoltat în studioul lui Artemy Lebedev. Pentru a face acest lucru, pur și simplu copiați textul pe care doriți să-l decriptați, lipiți-l în câmpul special și faceți clic pe „Decriptați”. Dacă decodarea are succes, veți vedea textul care este deja lizibil, precum și codificarea originală și calea pe care a trebuit să o parcurgă programul pentru a scoate rezultatul.

Toate acestea sunt necesare, mai degrabă, pentru utilizatorii avansați, pentru care informațiile primite le pot ajuta într-un fel. Poate că rezultatul acțiunilor programului vă va oferi o idee și vă veți da seama de unde provin prostiile de pe site-ul dvs. și veți corecta rapid situația. Și dacă manipulările făcute nu vă spun absolut nimic, atunci să mergem mai departe.

Cum să alegi codificarea corectă

În acest articol, nu vom aprofunda ce tipuri de codificări există și cum diferă între ele, deoarece... Nu vrem să ne supraîncărcăm nici pe noi, nici pe tine informatii inutile, iar în sensul articolului de astăzi nu a fost cazul. Este demn de remarcat doar faptul că pe un site în limba rusă nu are absolut niciun rost să instalați codificarea Windows-1251, care este descrisă exhaustiv în minunatul articol Wikipedia. Chiar dacă toate textele de pe el vor fi scrise exclusiv în limba rusă și nu vor exista incluziuni de caractere nestandard. În schimb, trebuie doar să alegeți codificarea universală UTF-8, luând acest lucru ca un dat, fără a vă deranja capul cu informații inutile.

Cert este că nu are rost să alegi o codificare pentru site-ul tău care acceptă doar caractere din limbi slave, cum ar fi rusă, ucraineană, belarusă, sârbă, macedoneană și bulgară. De ce să te limitezi inițial și să te condamni la asta posibile probleme mai departe. Ce veți face dacă trebuie să introduceți un caracter care nu este acceptat?

UTF-8 (din limba engleză Unicode Transformation Format) este un format de transformare Unicode pe opt biți care a primit recunoaștere la nivel mondial și a fost standardizat tocmai pentru a evita problemele asociate cu apariția de farfurii și confuzia cu textele care nu pot fi citite. Din care putem concluziona cu siguranță că în în acest caz, Trebuie să alegi cel mai mare dintre cele două rele și să dormi liniștit, fără a intra în detalii, pentru că totul este clar aici. Uită-te la dimensiunea lui Jupiter și Venus pentru comparație.

Modalități de bază de a seta codificarea corectă

Destul de des, problemele cu codificarea site-ului apar nu pentru că nici una dintre condițiile despre care vă vom spune nu a fost îndeplinită, ci este suficient să nu îndepliniți doar una dintre ele pentru ca textul de pe site-ul dvs. să înceapă să se afișeze incorect. După ce ați setat codificarea la toate în modurile enumerate, problema va fi rezolvată cu o probabilitate de 99,9%. Am ajuns la această concluzie pe baza multor ani de experiență de lucru cu site-uri web pe diverse platforme de găzduire, folosind cele mai multe sisteme diferite administrarea și setările serverului.

Codificare în .htaccess - AddDefaultCharset

În primul rând, trebuie să setați codificarea implicită a tuturor paginilor site-ului folosind o directivă htaccess foarte utilă - AddDefaultCharset, care este tradus literal din în limba englezăînseamnă „Adăugați codificare implicită”. Acest lucru se face foarte simplu:

AddDefaultCharset UTF-8

Dacă nu știi ce este , apoi creează fisier textîn notepad și apoi cu folosind Total Comandant, redenumiți-l într-un fișier fără titlu cu extensia HTACCESS ( - exact așa ar trebui să arate Numele complet dosarul dvs.). După aceasta, încărcați fișierul nou creat în directorul rădăcină site-ului dvs. (în același loc în care se află fișierul executabil principal, de exemplu index.php). Și nu uitați să introduceți linia cu codificarea implicită pe care tocmai am furnizat-o.

Codificare folosind metacarset

Etichetele meta sunt capabile să trimită informații despre pagină către browser sub formă de antete speciale, dintre care unul este exact ceea ce avem nevoie - set de caractere. În general, metaetichetele pot avea până la 4 atribute diferite:

1. conţinut;
2. http-echiv;
3. Nume;
4. sistem.

De fapt, dintre cele patru atribute prezentate, doar unul este necesar - conţinut, dar există și excepții. De exemplu, în cazul nostru, vom folosi o versiune scurtată a intrării și vom seta codarea folosind metaeticheta exact așa:

Vechiul format de înregistrare a căzut de mult în uitare și nu mai are rost să-l folosești:

După cum știți, metaetichetele sunt de obicei plasate în interiorul containerului cap. Toată lumea, fără excepție, probabil știe deja despre asta. Faceți această operațiune și vom trece la următorul articol din lista noastră.

Codificarea fișierelor folosind funcția PHP antet

Această metodă este potrivită doar pentru cei care au un site web implementat folosind cel mai popular limbaj de programare în acest moment, concentrat mai ales pe crearea de site-uri web - PHP (Hyper Text Preprocessor). Pentru a rezolva problema pusă în acest articol, vom folosi minunata funcție încorporată header(), concepută pentru a trece anteturi, asemănătoare meta tag-urilor, dar cu ușoară diferență că acțiunea este efectuată dintr-un script PHP, și nu prin intermediul Ieșire cod HTML.

Setați codificarea UTF-8 pentru un fișier utilizând funcția antet() destul de simplu - trebuie doar să lipiți codul dat chiar la începutul paginii, dar bineînțeles în domeniul PHP, care este notat astfel:sau așa -.

Antet ("Content-type: text/html; charset=utf-8");

Cel mai punct important iată că avem dreptul de a transmite antete numai dacă nu a existat nicio ieșire din script înainte. De aceea introducem acest cod până în partea de sus a paginii. Trebuie să faceți acest lucru cu înțelepciune și să înțelegeți bine ce se întâmplă, deoarece puteți fi sigur că introduceți un antet la începutul fișierului, dar este posibil să nu știți că acest fișier este folosit într-un alt fișier în care este este tras folosind funcția cere sau include deja după anumite informatii a fost afișat pe ecran. Prin urmare, dacă nu înțelegeți prea bine despre ce vorbim acum despre care vorbim, mai bine mergi la urmatorul pasși reveniți la aceasta dacă cele 3 anterioare nu au ajutat să setați codificarea corectă a paginilor site-ului dvs.

Salvarea fișierelor în codificarea corectă

Unul dintre, probabil, cele mai frecvente motive pentru apariția fisurilor pe un site web este codificarea incorectă a fișierelor în sine utilizate pentru a genera documentul final. Cel mai adesea, această problemă apare în rândul programatorilor începători care tocmai fac primii pași în stăpânirea artei. Când unul dintre sistemele de administrare populare în prezent este selectat ca motor de site, această problemă poate apărea în cazuri foarte rare, dar dacă este utilizat, acest lucru se întâmplă în aproape fiecare al treilea caz.

După cum am convenit mai devreme, codificarea pe care o folosim pe toate, chiar și pe cele mai sofisticate site-uri în limba rusă, este UTF-8, așa că vom codifica toate fișierele care compun motorul site-ului în același format. Și pentru a schimba codificarea fișierului în sine, încărcat pe server, obișnuitul blocnotes furnizat de sistemul de operare Windows nu va fi, desigur, suficient. Prin urmare, este mai bine să utilizați program terță parte, distribuit gratuit - Notepad++, care poate fi descărcat de pe site-ul oficial fără probleme.

După ce ați finalizat cu succes procesul simplu de instalare, va trebui să atribuiți acest program ca editor implicit, să faceți unele setări după gust și să modificați codificarea fișierului afișat incorect în același mod ca în captură de ecran. Acestea. trebuie să selectați „Codificare în UTF-8 (fără BOM)”. Un semn bun că aceasta a fost cauza este că inițial niciuna dintre opțiuni nu va fi selectată și vi se va solicita „Conversia la UTF-8 (fără BOM).” Dacă vedeți acest lucru, asigurați-vă că au mai rămas doar câteva secunde înainte de a rezolva problema de codificare.

În plus, vreau doar să spun că trebuie să alegi exact fără BOM. În caz contrar, dacă codificați pur și simplu în UTF-8 (cu BOM), atunci vor fi creați octeți suplimentari la începutul fișierului. Ei încearcă să nu folosească BOM - Byte Order Mark pe web atunci când codifică în format UTF-8, deoarece acest lucru duce la erori prin interferarea cu interpretarea corectă PHP.

Ei bine, acum că totul acțiunile necesare finalizat, cel mai probabil veți vedea text ușor de citit pe paginile site-ului dvs. și veți respira ușor :)

Să fim de acord să avem dezacorduri.
Robert Louis Stevenson.

Aceasta este lecția în care vom vorbi despre ce este meta etichete, de ce și cum sunt utilizate și cum să le completezi corect.

După cum am spus deja în, meta etichete sunt situate în antetul paginii html, între etichetele și și nu sunt afișate în niciun fel de browser (cu excepția conținutului etichetei „title”). Cu toate acestea, metaetichetele pentru un site joacă un rol foarte important rol important. Adăugarea și optimizarea acestora poate ajuta în mod semnificativ site-ul în viața sa.

Recomand să folosiți doar acele metaetichete care într-adevăr necesare pentru ca site-ul să funcționeze. Nu aglomerați zona „capului” cu instrucțiuni inutile, deoarece... orice greșeală aici poate duce la consecințe groaznice. Dacă știi ce faci, atunci metaetichetele vor fi doar benefice, dar dacă arunci totul aici, poți avea probleme greu de diagnosticat.

primul metaetichetă foarte important. Mai mult, această metaetichetă este la fel de importantă atât pentru motoarele de căutare, cât și pentru vizitatori. Este dat primul în clasamentul rezultatelor căutării mare importanță cuvintele cheie conținute în eticheta „title”, acesta din urmă văzând conținutul acestuia ca un link către site în aceleași rezultate de căutare:

Cu aceeași etichetă meta afișată în titlul ferestrei:

ÎN metaetichetă HTML„title” se adaugă astfel:

Conținutul metaetichetei „title”.

Conținutul paginii principale

În plus, după cum am spus mai devreme, Cuvinte cheie, pe care îl adăugați la metaeticheta „title”, va fi primit extrem de pozitiv de motoarele de căutare. Deci, atunci când completați această etichetă, încercați să includeți cuvintele cheie potrivite. Apropo, vom vorbi mai departe despre ele.

§ 2. Meta-etichetă „cuvinte cheie” (cuvinte cheie)

În primul rând, să vorbim pe scurt despre ce sunt de fapt aceste „cuvinte cheie”.

Acele cuvinte care caracterizează cel mai pe deplin conținutul unei pagini html și vor fi cuvinte cheie pentru aceasta. Acestea pot fi fie cuvinte sau expresii individuale, dar ele Neapărat trebuie să apară în textul de pe pagină. Folosindu-le, motoarele de căutare determină relevanța unei pagini pentru o anumită solicitare.

De exemplu, pentru această pagină, cuvintele cheie ar fi „meta etichete”, „meta etichetă titlu”, „ metaetichetă de cuvinte cheie" etc.

Vom vorbi mai detaliat despre cuvintele cheie, în special, și despre optimizarea site-ului, în general, în.

Pentru a facilita motoarele de căutare, este folosită metaeticheta „keywords”. În ea, webmasterul scrie cuvinte cheie pentru pagină. Codul HTML pentru metaeticheta „keywords” arată astfel:

Lista de cuvinte cheie">
Conținutul metaetichetei „title”.

Conținutul paginii principale

Cuvintele cheie trebuie adăugate pe rând, separate prin virgule, la singular. De exemplu, nu „cuvinte cheie”, ci „cuvânt cheie”. În plus, comportamentul iresponsabil al webmasterilor, care, pentru a obține poziții superioare în motoarele de căutare, au umplut metaeticheta „keywords” nu numai cu cuvinte cheie, ci și cu numeroase derivate din acestea, a dus la faptul că motoarele de căutare practic s-au oprit. acordând atenție acestei etichete. În prezent Dreapta metaeticheta completată „cuvinte cheie” este folosită de motoarele de căutare doar ca unul dintre mulți factori de clasare (în nici un caz cel principal). Dacă văd „cuvinte cheie” în fața lor, în care au fost introduse toate variantele posibile de cuvinte cheie, atunci acesta devine primul semnal pentru ei că această pagină nu este de încredere.

§ 3. Meta-etichetă „descriere” (descrierea paginii)

Următoarea metaetichetă importantă este eticheta „descriere”, care ar trebui să conțină scurta descriere pagini. Tocmai „scurt” și precis „descrierea paginii”. Este suficient să adăugați una sau două propoziții mici în care să indicați despre ce este această pagină și pentru cine.

O caracteristică importantă a metaetichetei „descriere” este faptul că dacă aceasta corect Când completează, motoarele de căutare îl folosesc pentru a forma un fragment de pagină în rezultatele căutării (o scurtă descriere sub linkul către pagină):

Dacă motoarelor de căutare nu le place modul în care este completată metaeticheta „descriere”, atunci fragmentul este format din fragmente de expresii (extrase din întreaga pagină) care sunt relevante pentru interogare.

Astfel, metaeticheta corectă „descriere” trebuie să conțină cuvânt cheie(expresie) și descrie pe scurt și cu acuratețe despre ce este pagina și pentru cine. „Descriere” împreună cu „titlu” formează o pereche de meta-etichete foarte importante, care determină dacă utilizatorul va pleca de la rezultatele cautarii pe site sau nu! Prin urmare, ca și „titlu”, trebuie scris pentru fiecare pagini!

H Codul TML pentru a crea metaeticheta „descriere” ar fi după cum urmează:

Conținutul metaetichetei „descriere”">
Conținutul metaetichetei „title”.

Conținutul paginii principale

Acum să trecem la descrierea principalelor metaetichete tehnice din grupul „HTTP-EQUIV” (echivalente HTTP).

§ 4. Meta tag-uri tehnice

Metaetichetele tehnice înseamnă mult pentru un site web. Cu ajutorul lor, puteți controla afișarea paginii, setările de indexare etc. În acest tutorial ne vom uita la metaetichetele tehnice de bază.

• tipul de conținut- tipul documentului și codificarea acestuia. Această metaetichetă este necesară pentru ca browserul să afișeze corect caracterele.
  Există multe codificări. Pe majoritatea dintre ei nici măcar nu le vei întâlni niciodată. Ca să nu mai vorbim de faptul că le vei folosi chiar tu. Browserele moderne determină tipul de codificare automat, dar pentru o mai mare încredere, îl puteți specifica singur. Dacă creați un document html în sistem de operare Windows, a cărui limbă este rusă, atunci codarea va fi „windows-1251”, iar codul pentru inserarea metaetichetei este următorul:

  Conținutul metaetichetei „title”.

  Conținutul paginii principale
  

• conţinut-limbaj- indicarea limbii documentului. Valoarea acestei etichete meta opționale este folosită ca roboți de căutare, și servere web. Cod ascuns:

  Conținutul metaetichetei „title”.

  Conținutul paginii principale
  

• reîmprospăta- timpul (în secunde) după care se va întâmpla repornire automată document sau accesând o altă pagină html cu o anumită adresă (url). De exemplu, pentru a reîncărca automat un document la fiecare 30 de secunde, trebuie să inserați această metaetichetă astfel:

  Conținutul metaetichetei „title”.

  Conținutul paginii principale
  

  Și, pentru a ajunge la pagina de la http://www.site/ după 5 secunde, trebuie să scrieți asta:

  Conținutul metaetichetei „title”.

  Conținutul paginii principale
  

• roboți- metaetichetă, care este responsabilă pentru setările de indexare a paginii. Metaeticheta „roboți” poate avea următoarele valori:
  • index- pagina este indexată;
  • noindex- pagina nu este indexată;
  • urma- sunt luate în considerare hyperlinkurile de pe pagină;
  • nofollow- hyperlinkurile de pe pagină nu sunt luate în considerare
  • toate- înlocuiește „index” și „follow”, adică pagina este indexată și se iau în considerare hyperlinkurile de pe ea (implicit);
  • nici unul- înlocuiește „noindex” și „nofollow”, adică pagina nu este indexată și hyperlinkurile de pe ea nu sunt luate în considerare.

  Cod pentru a introduce metaeticheta „roboți”:

  Conținutul metaetichetei „title”.

  Conținutul paginii principale
  

autorȘi drepturi de autor- metaetichete care vă permit să indicați autoritatea și proprietarul conținutului de pe pagină. Cod HTML de încorporare:

Conținutul metaetichetei „title”.

Conținutul paginii principale

§ 5. Concluzie

Acestea sunt toate metaetichetele în HTML de care va avea nevoie un începător. Restul sunt specifice și este posibil să ai nevoie de ele după ce vei dobândi experiență și știi exact ce faci. Dintre toate cele de mai sus, recomand cu tărie utilizarea fiecare pagina site-ului dvs. sunt după cum urmează:

Titlul paginii

Folosiți cele din oțel după cum este necesar, dar nu vă deranjați prea mult. Amintiți-vă că metaetichetele nu vor face site-ul dvs. interesant, ele pot doar ajuta browserul și serverul web să afișeze corect paginile site-ului și motor de căutare gaseste-i.

Această secțiune a site-ului meu este în sfârșit terminată și apoi vom vorbi despre unde să începem promovarea și promovarea site-ului tău pe Internet. Există, de asemenea, câteva dintre sfaturile mele de la experienta personala optimizarea paginii site-ului. Faceți clic pe „Următorul”.

Una dintre cele mai probleme comune cu care se confruntă un începător Webmaster(și nu doar începători), asta probleme cu codarea pe site. Chiar și pentru mine apare constant când creez site-uri web " abracadabra„Dar, din fericire, știu perfect cum să rezolv această problemă, așa că pun totul în ordine în câteva secunde. Și în acest articol voi încerca să te învăț la fel de repede rezolva probleme legate de codificare pe site.

Primul lucru care merită remarcat este că toate problemele cu apariția „abracadabra” sunt asociate cu o nepotrivire între codificarea documentului și codificarea setată de browser. Să spunem un document în Windows-1251, dar din anumite motive browserul se afișează UTF-8. Și sursa unei astfel de discrepanțe pot fi următoarele motive.

Primul motiv

Metaeticheta este scrisă incorect tipul de conținut. Fii atent, ar trebui să conțină întotdeauna codificarea în care este scris documentul tău.

Al doilea motiv

Se pare că metaeticheta este scrisă așa cum doriți, iar browserul afișează exact ceea ce doriți, dar din anumite motive există încă probleme cu codificarea. Vinovatul aici este aproape sigur că documentul în sine are o codificare diferită. Dacă lucrezi în Notepad++, apoi în dreapta jos este numele codificării documentul curent(De exemplu, ANSI). Dacă puneți o metaetichetă UTF-8, iar documentul în sine este scris ANSI, apoi faceți conversia în UTF-8(prin meniu " Codificări"și punct" Convertiți în UTF-8 fără BOM").

Al treilea motiv

Al patrulea motiv

Și, în sfârșit, ultimul motiv popular este problema de codificare a bazei de date. Mai întâi, asigurați-vă că toate tabelele și câmpurile sunt scrise în aceeași codificare, care se potrivește cu codificarea restului site-ului. Dacă acest lucru nu ajută, imediat după conectarea în script, executați următoarea solicitare:

SETĂ NUMELE „utf8”

În loc de " utf8" poate exista o codificare diferită. După aceea, toate datele din baza de date ar trebui să apară în codificarea corectă.

În acest articol, sper că am explicat, cel puțin, 90% dintre problemele asociate cu apariția de „faracie” pe site. Acum trebuie să vă confruntați cu o problemă atât de populară și simplă precum codificarea incorectă în cel mai scurt timp.

15.03.2016

Nu încă

Salutare tuturor!
Continuăm să studiem Bazele HTML. În această lecție ne vom uita cum se specifică codificarea HTML pentru un site (pagina web).
Această lecție este foarte importantă deoarece nu știi cum să specifici codificarea unei pagini web poate duce la imposibilitatea de citire a paginii. Întrebați: „Cum de nu pot?”
Permiteți-mi să vă arăt cum arată blogul meu cu o codificare incorectă:

Asa de, Codificare HTML – acestea sunt tabele de corespondență între coduri și simboluri alfabetice. Adică, computerul nostru de codificare va schimba codul în litere clare, lizibile.

Pentru a spune browserului în ce codificare se află caracterele de pe pagina web, trebuie să scrieți între etichete Iată o metaetichetă:

Vă rugăm să rețineți că codul conține cuvântul „nume codificare”. Aici trebuie să specificați codificarea HTML.
Acesta este de obicei utf-8 sau windows-1251.

Codificare pentruutf-8:

CodificarePentru Windows-1251:

Dacă uitați să spuneți browserului în ce codificare este un site sau o pagină web, browserul va încerca să determine codificarea automat, dar nu reușește întotdeauna corect. În final, rezultatul va fi același cu cel pe care l-am arătat în poza de mai sus.

Să trecem la practică.

Cum se creează un document HTML cu
codificare utf-8

„Toate programele” => „Accesorii” => „Bloc de note” :