Kodiranje stranice html utf 8. Kodiranje u html-u

Postavite skup znakova

Meta tag

Trebate dodati posebnu meta oznaku svakoj stranici (ili šablonu zaglavlja) koja govori pretraživaču koji skup znakova da koristi za prikaz teksta. Ova oznaka je standardna i obično izgleda ovako:

charset=UTF-8» />

charset=”utf-8″/> (opcija za HTML 5)

Morate ga zalijepiti u odjeljak - bolje na samom početku, odmah nakon uvodnog :

Meta oznaka za kodiranje

Preko .htaccess (ako ništa drugo ne uspije)

Obično su prve dvije opcije dovoljne i pretraživači prikazuju tekst kako. Ali neki od njih mogu imati problema i stoga možete pribjeći pomoći .htaccess fajl.

Da biste to učinili, potrebno je da u njega upišete sljedeći red:

AddDefaultCharset utf-8

To je sve. Ako uzastopno primijenite ove 3 metode postavljanja kodiranja na svoj projekt, onda je vjerovatno da da će sve biti prikazano kako treba, blizu 100%.

Kako "vidjeti" šta se krije iza čudnih simbola na web stranici?

Ako odete na web stranicu, vidite "lude riječi" i želite vidjeti normalan tekst, postoje samo dva načina:

• obavijestite vlasnika stranice da sve bude ispravno konfigurirano
• pokušajte sami da pogodite kodiranje. Ovo je urađeno standardnim sredstvima pretraživači. U Chromeu, na primjer, trebate kliknuti na meni "Alati => Kodiranje" i od ogromna lista odaberite odgovarajući skup znakova (tj. pogodite).

Srećom, skoro svi moderni web projekti rade se u UTF-8 kodiranju, koje je „univerzalno“ za različite alfabete i stoga je sve rjeđe vidjeti ove čudni simboli na Internetu.

Kako bi stranice Vaše web stranice bile ispravno prikazane u svim pretraživačima i na svim vrstama uređaja, morate voditi računa o postavljanju ispravnog kodiranja. Nepoštivanje nekih uvjeta, o kojima ćemo danas detaljno raspravljati, može dovesti do toga da se tekst pretvori u besmisleni skup znakova koje je jednostavno nemoguće pročitati (krakozyabry).

Zašto se prikazuju bezobrazni tekstovi umjesto normalnog teksta?

Svaka stranica na vašem sajtu mora imati određeno kodiranje. O tome u kojem se kodiranju koristi ovog trenutka mora se prenijeti pretraživaču prenošenjem posebnih zaglavlja. U ovim zaglavljima morate navesti kodiranje koje odgovara onom koji koristite u tijelu dokumenata objavljenih na stranici (na njenim stranicama).

Moderni pretraživači Oni mogu sami odrediti kodiranje dokumenta ako ga je webmaster zaboravio eksplicitno navesti. Ponekad se dešava da dođe do nedosljednosti između "mišljenja" pretraživača i stvarnosti, pa tako i pojave skupa znakova koji se ne mogu pročitati. Skup gluposti može potrajati različite vrste, ponekad će to biti samo čudni simboli, slični drevnim hijeroglifima, a ponekad će to biti samo pitanja ili pitanja unutar crnih dijamanata. By uglavnom Nije toliko važno kakvo sranje prikazuje pretraživač, već je bitno da ih čovjek ne može pročitati.

Ako se suočite s problemom pogrešno navedenog kodiranja i vidite na svojoj web stranici nešto što ne možete pročitati, prije svega, koristite poseban dekoder razvijen u studiju Artemyja Lebedeva. Da biste to učinili, jednostavno kopirajte tekst koji želite dešifrirati, zalijepite ga u posebno polje i kliknite na "Dešifriraj". Ako je dekodiranje uspješno, vidjet ćete tekst koji je već čitljiv, kao i originalno kodiranje i putanju kroz koju je program morao proći da bi objavio rezultat.

Sve je to potrebno, prije, naprednim korisnicima, kojima dobijene informacije mogu na neki način pomoći. Možda će vam rezultat radnji programa dati ideju i shvatiti odakle dolazi sranje na vašoj web stranici i brzo ispraviti situaciju. A ako vam učinjene manipulacije ne govore baš ništa, onda idemo dalje.

Kako odabrati pravo kodiranje

U ovom članku nećemo ulaziti u to koje vrste kodiranja postoje i po čemu se međusobno razlikuju, jer... Ne želimo da preopterećujemo ni sebe ni vas nepotrebne informacije, a za potrebe današnjeg članka to nije bio slučaj. Vrijedi samo napomenuti činjenicu da na web-mjestu na ruskom jeziku apsolutno nema smisla instalirati windows-1251 kodiranje, što je iscrpno opisano u prekrasnom članku na Wikipediji. Čak i ako će svi tekstovi na njemu biti napisani isključivo na ruskom jeziku i neće biti uključivanja nestandardnih znakova. Umjesto toga, samo trebate odabrati univerzalno kodiranje UTF-8, uzimajući ovo kao datost, bez zamaranja glave nepotrebnim informacijama.

Činjenica je da nema smisla birati kodiranje za svoju stranicu koja podržava samo znakove iz slovenskih jezika, kao što su ruski, ukrajinski, bjeloruski, srpski, makedonski i bugarski. Zašto se u početku ograničavati i osuđivati ​​na to mogući problemi dalje. Šta ćete učiniti ako trebate umetnuti znak koji nije podržan?

UTF-8 (od engleskog Unicode Transformation Format) je osmobitni Unicode format transformacije koji je dobio svjetsko priznanje i standardiziran je upravo kako bi se izbjegli problemi povezani s pojavom besmislica i zabunom s nečitljivim tekstovima. Iz čega sa sigurnošću možemo zaključiti da u u ovom slučaju Treba izabrati veće od dva zla i spavati mirno, ne ulazeći u detalje, jer je tu sve jasno. Pogledajte veličinu Jupitera i Venere za poređenje.

Osnovni načini za postavljanje ispravnog kodiranja

Često se problemi sa kodiranjem sajta javljaju ne zato što nije ispunjen nijedan od uslova o kojima ćemo vam reći, već je dovoljno da ne ispunite samo jedan od njih da bi se tekst na vašem sajtu počeo nepravilno prikazivati. Nakon što postavite kodiranje na sve na navedene načine, problem će biti riješen sa vjerovatnoćom od 99,9%. Do ovog zaključka došli smo na osnovu dugogodišnjeg iskustva rada sa web stranicama na raznim hosting platformama, koristeći najviše različiti sistemi administracija i podešavanja servera.

Kodiranje u .htaccess - AddDefaultCharset

Pre svega, potrebno je da podesite podrazumevano kodiranje svih stranica sajta koristeći jednu veoma korisnu htaccess direktivu - AddDefaultCharset, koja je doslovno prevedena sa na engleskom znači "Dodaj zadano kodiranje". Ovo se radi vrlo jednostavno:

AddDefaultCharset UTF-8

Ako ne znaš šta je to , a zatim samo kreirajte tekstualnu datoteku u notepad, a zatim sa koristeći Total Commander, preimenuj ga u neimenovani fajl sa ekstenzijom HTACCESS ( - upravo ovako bi trebalo da izgleda puno ime vaš fajl). Nakon toga, učitajte novokreirani fajl na korijenski direktorij vaše stranice (na istom mjestu gdje se, na primjer, nalazi glavna izvršna datoteka index.php). I ne zaboravite da umetnete red sa podrazumevanim kodiranjem koje smo upravo dali.

Kodiranje koristeći meta charset

Meta tagovi su sposobni da pošalju informacije o stranici u pretraživač u obliku posebnih zaglavlja, od kojih je jedno upravo ono što nam treba - charset. Generalno, meta tagovi mogu imati čak 4 različita atributa:

1. sadržaj;
2. http-equiv;
3. ime;
4. shema.

Zapravo, od četiri predstavljena atributa, potreban je samo jedan - sadržaj, ali postoje izuzeci. Na primjer, u našem slučaju, koristit ćemo skraćenu verziju unosa i postavit ćemo kodiranje koristeći meta tag upravo ovako:

Stari format snimanja je odavno potonuo u zaborav i nema smisla više ga koristiti:

Kao što znate, meta tagovi se obično postavljaju unutar kontejnera glava. Svi, bez izuzetka, vjerovatno već znaju za ovo. Uradite ovu operaciju i preći ćemo na sljedeću stavku na našoj listi.

Kodiranje datoteka pomoću PHP funkcije zaglavlja

Ova metoda je pogodna samo za one koji imaju web stranicu implementiranu koristeći trenutno najpopularniji programski jezik, uglavnom fokusiran na izradu web stranica - PHP (Hyper Text Preprocessor). Da bismo riješili problem postavljen u ovom članku, koristit ćemo prekrasnu ugrađenu funkciju header(), dizajniranu za prosljeđivanje zaglavlja, slično meta tagovima, ali s malom razlikom što se radnja izvodi iz PHP skripte, a ne preko Izlaz HTML koda.

Postavite UTF-8 kodiranje za datoteku pomoću funkcije zaglavlje() prilično jednostavno - potrebno je samo zalijepiti dati kod na sam početak stranice, ali naravno unutar PHP opsega, koji se označava ovako:ili tako -.

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

Najviše važna tačka evo da imamo pravo da prenosimo zaglavlja samo ako ranije nije bilo izlaza iz skripte. Zato ubacujemo ovaj kod do samog vrha stranice. Morate to učiniti mudro i dobro razumjeti šta se dešava, jer možete biti sigurni da ubacujete zaglavlje na početak datoteke, ali možda ne znate da se ovaj fajl koristi u drugom fajlu u koji je se povlači pomoću funkcije zahtijevaju ili uključiti već posle određene informacije je prikazano na ekranu. Dakle, ako ne razumete dobro o čemu sada pričamo mi pričamo o tome, bolje idi na sljedeći korak i vratite se na ovo ako prethodna 3 nisu pomogla u postavljanju ispravnog kodiranja stranica vaše web stranice.

Čuvanje datoteka u ispravnom kodiranju

Jedan od vjerovatno najčešćih razloga za pojavu pukotina na web stranici je neispravno kodiranje samih datoteka koje se koriste za generiranje konačnog dokumenta. Najčešće se ovaj problem javlja među programerima početnicima koji tek poduzimaju prve korake u ovladavanju vještinom. Kada je jedan od trenutno popularnih sistema administracije odabran kao mehanizam za web lokaciju, ovaj problem može se pojaviti u vrlo rijetkim slučajevima, ali ako se koristi, onda se to događa u gotovo svakom trećem slučaju.

Kao što smo se ranije dogovorili, kodiranje koje koristimo na svim, čak i na najsofisticiranijim stranicama na ruskom jeziku, je UTF-8, tako da ćemo kodirati sve datoteke koje čine motor stranice u istom formatu. A da bi se promijenilo kodiranje same datoteke, učitane na server, uobičajeni notepad koji pruža Windows operativni sistem, naravno, neće biti dovoljan. Stoga je bolje koristiti program treće strane, distribuira se besplatno - Notepad++, koji se bez problema može preuzeti sa službene web stranice.

Nakon uspješnog završetka jednostavnog procesa instalacije, morat ćete dodijeliti ovaj program kao zadani uređivač, napraviti neka podešavanja po svom ukusu i promijeniti kodiranje pogrešno prikazane datoteke na isti način kao što je prikazano na snimku ekrana. One. trebate odabrati "Encode to UTF-8 (bez BOM)". Dobar znak da je to bio uzrok je to što u početku nijedna od opcija neće biti odabrana i od vas će biti zatraženo „Pretvori u UTF-8 (bez BOM-a).“ Ako vidite ovo, budite sigurni da je ostalo samo nekoliko sekundi prije rješavanja problema kodiranja.

Osim toga, samo želim reći da morate tačno odabrati bez BOM. U suprotnom, ako jednostavno kodirate u UTF-8 (sa BOM), dodatni bajtovi će biti kreirani na početku datoteke. Trude se da ne koriste BOM - Byte Order Mark na webu kada kodiraju u UTF-8 formatu, jer ovo dovodi do grešaka jer ometa ispravnu interpretaciju PHP-a.

Pa, sad je sve neophodne radnje završeno, najvjerovatnije ćete vidjeti tekst koji se lako čita na stranicama vaše web stranice i odahnuti :)

Hajde da se dogovorimo da imamo nesuglasice.
Robert Louis Stevenson.

Ovo je lekcija u kojoj ćemo pričati o tome šta je to meta tagovi, zašto i kako se koriste i kako ih pravilno popuniti.

Kao što sam već rekao, meta tagovi nalaze se u zaglavlju html stranice, između oznaka i, i pretraživač ih ne prikazuje ni na koji način (osim sadržaja oznake “title”). Međutim, meta tagovi za sajt igraju veoma važnu ulogu važnu ulogu. Njihovo dodavanje i optimizacija može značajno pomoći sajtu u njegovom životu.

Preporučujem korištenje samo onih meta oznaka koje stvarno potrebno za rad sajta. Ne zatrpavajte područje "glave" nepotrebnim uputstvima, jer... svaka greška ovdje može dovesti do strašnih posljedica. Ako znate šta radite, onda će meta oznake biti samo od koristi, ali ako sve bacite ovdje, možete dobiti probleme koje je teško dijagnosticirati.

prvo meta tag veoma važno. Štaviše, ovaj meta tag je podjednako važan i za pretraživače i za posetioce. Dat je prvi u rangiranju rezultata pretrage veliki značaj ključne riječi sadržane u oznaci "title", potonji njen sadržaj vide kao vezu do stranice u istim rezultatima pretraživanja:

Sa istom meta oznakom prikazanom u naslovu prozora:

IN HTML meta tag"naslov" se dodaje ovako:

Sadržaj meta oznake title

Sadržaj glavne stranice

Štaviše, kao što sam ranije rekao, ključne riječi, koji dodate u meta oznaku “title”, pretraživači će primiti izuzetno pozitivno. Dakle, kada popunjavate ovu oznaku, pokušajte da uključite prave ključne riječi. Usput, o njima ćemo dalje.

§ 2. Meta tag "ključne riječi" (ključne riječi)

Prvo, hajde da ukratko porazgovaramo o tome šta su zapravo ove „ključne reči“.

One riječi koje najpotpunije karakteriziraju sadržaj html stranice i koje će biti ključne riječi za nju. To mogu biti ili pojedinačne riječi ili fraze, ali one Neophodno mora se pojaviti u tekstu na stranici. Koristeći ih, pretraživači određuju relevantnost stranice za određeni zahtjev.

Na primjer, za ovu stranicu ključne riječi bi bile “meta tags”, “meta title tag”, “ ključne riječi meta tag" itd.

Govorit ćemo detaljnije o ključnim riječima, posebno, i optimizaciji web stranice, općenito, u.

Da bi se olakšalo pretraživačima, koristi se meta tag "ključne riječi". U njemu webmaster upisuje ključne riječi za stranicu. HTML kod za meta tag "ključne riječi" izgleda ovako:

Lista ključnih riječi">
Sadržaj meta oznake title

Sadržaj glavne stranice

Ključne riječi moraju se dodati jednu po jednu, odvojene zarezima, u jednini. Na primjer, ne “ključne riječi”, već “ključne riječi”. Osim toga, neodgovorno ponašanje webmastera, koji su, kako bi zauzeli više pozicije u pretraživačima, u meta tag "keywords" punili ne samo ključne riječi, već i brojne derivate iz njih, dovelo je do toga da su pretraživači praktički prestali. obratite pažnju na ovu oznaku. Trenutno U redu popunjenu meta oznaku “ključne riječi” pretraživači koriste samo kao jedan od mnogih faktora rangiranja (nipošto kao glavni). Ako ispred sebe vide “ključne riječi” u koje su ugurane sve moguće varijacije ključnih riječi, onda im to postaje prvi signal da je ova stranica nepouzdana.

§ 3. Meta tag “opis” (opis stranice)

Sljedeća važna meta oznaka je oznaka "description", koja bi trebala sadržavati Kratki opis stranice. Upravo “kratko” i precizno “opis stranice”. Dovoljno je dodati jednu ili dvije male rečenice u kojima naznačite o čemu je ova stranica i za koga.

Važna karakteristika meta oznake “description” je činjenica da ako ispravan Prilikom popunjavanja, na osnovu toga pretraživači formiraju isječak stranice u rezultatima pretrage (kratak opis ispod linka na stranicu):

Ako se pretraživačima ne sviđa način na koji se popunjava metaoznaka "description", tada se isječak formira od dijelova fraza (izvučenih sa cijele stranice) koji su relevantni za upit.

Dakle, ispravan meta tag "opis" mora sadržavati ključna riječ(fraza) i kratko i precizno opisuje o čemu je stranica i za koga. “Opis” zajedno s “naslovom” čine par vrlo važnih meta tagova, koji određuju da li će korisnik otići sa Rezultati pretrage na stranicu ili ne! Dakle, on, kao i “naslov”, mora biti napisan za svaki stranice!

H TML kod za kreiranje meta oznake "opis" bio bi sljedeći:

Sadržaj meta oznake "opis"">
Sadržaj meta oznake title

Sadržaj glavne stranice

Sada pređimo na opis glavnih tehničkih meta tagova iz grupe “HTTP-EQUIV” (HTTP ekvivalenti).

§ 4. Tehnički meta tagovi

Tehnički meta tagovi znače mnogo za web stranicu. Uz njihovu pomoć možete kontrolirati prikaz stranice, postavke indeksiranja itd. U ovom vodiču ćemo pogledati osnovne tehničke meta tagove.

• tip sadržaja- tip dokumenta i njegovo kodiranje. Ova meta oznaka je potrebna da bi pretraživač ispravno prikazao znakove.
  Postoji mnogo kodiranja. Većinu njih nikada nećete ni upoznati. Da ne spominjem činjenicu da ćete ih sami koristiti. Moderni pretraživači automatski određuju tip kodiranja, ali za veće povjerenje možete ga odrediti sami. Ako kreirate html dokument u operativni sistem Windows, čiji je jezik ruski, tada će kodiranje biti "windows-1251", a kod za umetanje meta oznake je sljedeći:

  Sadržaj meta oznake title

  Sadržaj glavne stranice
  

• sadržaj-jezik- naznaka jezika dokumenta. Vrijednost ove opcione meta oznake se koristi kao roboti za pretragu i web servere. Ugradi kod:

  Sadržaj meta oznake title

  Sadržaj glavne stranice
  

• Osvježiti- vrijeme (u sekundama) nakon kojeg će se to dogoditi automatsko ponovno pokretanje dokument ili odlazak na drugu html stranicu sa datom adresom (url). Na primjer, da automatski ponovo učitate dokument svakih 30 sekundi, morate umetnuti ovu meta oznaku na sljedeći način:

  Sadržaj meta oznake title

  Sadržaj glavne stranice
  

  A, da biste nakon 5 sekundi otišli na stranicu na http://www.site/, trebate napisati ovo:

  Sadržaj meta oznake title

  Sadržaj glavne stranice
  

• roboti- meta tag koji je odgovoran za postavke indeksiranja stranica. Meta oznaka "robots" može imati sljedeće vrijednosti:
  • index- stranica je indeksirana;
  • noindex- stranica nije indeksirana;
  • pratiti- hiperlinkovi na stranici se uzimaju u obzir;
  • nofollow- hiperlinkovi na stranici se ne uzimaju u obzir
  • sve- zamjenjuje “indeks” i “prati”, tj. stranica se indeksira i hiperlinkovi na njoj se uzimaju u obzir (podrazumevano);
  • nijedan- zamjenjuje “noindex” i “nofollow”, tj. stranica nije indeksirana i hiperlinkovi na njoj se ne uzimaju u obzir.

  Kod za umetanje meta oznake "roboti":

  Sadržaj meta oznake title

  Sadržaj glavne stranice
  

autor I autorsko pravo- meta oznake koje vam omogućavaju da naznačite autorstvo i vlasnika sadržaja na stranici. HTML kod za ugradnju:

Sadržaj meta oznake title

Sadržaj glavne stranice

§ 5. Zaključak

Ovo su sve meta oznake u HTML-u koje će trebati početniku. Ostalo je specifično i možda će vam trebati nakon što steknete iskustvo i budete znali šta tačno radite. Od svega navedenog, toplo preporučujem korištenje svaki stranice Vaše web stranice su sljedeće:

Naslov stranice

Koristite čelične po potrebi, ali nemojte se previše truditi. Imajte na umu da meta tagovi neće učiniti vašu web stranicu zanimljivom, oni samo mogu pomoći pretraživaču i web serveru da pravilno prikažu stranice stranice, i pretraživač nađi ih.

Ovaj dio moje stranice je konačno završen i onda ćemo razgovarati o tome odakle početi promovirati i promovirati Vašu stranicu na Internetu. Tu je i par mojih savjeta od lično iskustvo na optimizaciji stranice stranice. Kliknite na “Dalje”.

Jedan od mnogih uobičajeni problemi sa kojima se suočava početnik Webmaster(i ne samo početnici), ovo problemi sa kodiranjem na sajtu. Čak se i kod mene stalno pojavljuje prilikom kreiranja web stranica " abrakadabra"Ali, srećom, ja savršeno dobro znam kako riješiti ovaj problem, pa sam sve posložio u roku od nekoliko sekundi. I u ovom članku pokušat ću vas naučiti isto tako brzo rješavanje problema vezanih za kodiranje na stranici.

Prva stvar koju treba napomenuti je da su svi problemi s pojavom "abrakadabre" povezani s neusklađenošću između kodiranja dokumenta i kodiranja koje je postavio pretraživač. Recimo dokument unutra windows-1251, ali se iz nekog razloga pretraživač prikazuje UTF-8. A izvor takvog neslaganja mogu biti sljedeći razlozi.

Prvi razlog

Meta oznaka je pogrešno napisana tip sadržaja. Budite oprezni, uvijek treba sadržavati kodiranje u kojem je napisan vaš dokument.

Drugi razlog

Čini se da je meta oznaka napisana onako kako želite, a pretraživač prikazuje upravo ono što želite, ali iz nekog razloga i dalje postoje problemi sa kodiranjem. Krivac je ovdje gotovo sigurno to što sam dokument ima drugačije kodiranje. Ako radite u Notepad++, zatim dolje desno nalazi se naziv kodiranja aktuelni dokument(Na primjer, ANSI). Ako stavite meta tag UTF-8, a sam dokument je upisan ANSI, zatim izvršite konverziju u UTF-8(preko menija " Kodiranja"i tačka" Pretvorite u UTF-8 bez BOM-a").

Treći razlog

Četvrti razlog

I na kraju, posljednji popularni razlog je problem sa kodiranjem u bazi podataka. Prvo, uvjerite se da su sve vaše tablice i polja napisane u istom kodiranju, koje odgovara kodiranju ostatka web-mjesta. Ako to ne pomogne, odmah nakon povezivanja u skripti pokrenite sljedeći zahtjev:

IMENA SET "utf8"

Umjesto " utf8" može postojati drugačiji kodiranje. Nakon toga, svi podaci iz baze podataka bi trebali izaći u ispravnom kodiranju.

U ovom članku, nadam se da sam barem objasnio, 90% problema povezanih s pojavom "besmislica" na web stranici. Sada se morate pozabaviti tako popularnim i jednostavnim problemom kao što je pogrešno kodiranje za kratko vrijeme.

15.03.2016

Ne još

Zdravo svima!
Nastavljamo sa učenjem HTML osnove. U ovoj lekciji ćemo pogledati kako odrediti HTML kodiranje za web stranicu (web stranicu).
Ova lekcija je vrlo važna jer neznanje kako odrediti kodiranje za web stranicu može dovesti do toga da vaša stranica bude nečitljiva. Pitate: "Kako to da ne mogu?"
Dozvolite mi da vam pokažem kako moj blog izgleda sa pogrešnim kodiranjem:

dakle, HTML kodiranje – ovo su tabele korespondencije između kodova i abecednih simbola. To jest, naš kompjuter za kodiranje će promijeniti kod u jasna, čitljiva slova.

Da biste pretraživaču rekli u kom kodiranju se nalaze znakovi na web stranici, morate pisati između oznaka Evo meta oznake:

Imajte na umu da kod sadrži riječ “ime kodiranja”. Ovdje trebate navesti HTML kodiranje.
Ovo je obično utf-8 ili windows-1251.

Kodiranje zautf-8:

KodiranjeZa windows-1251:

Ako zaboravite da kažete pretraživaču u kom je kodiranju stranica ili web stranica, pretraživač će pokušati automatski odrediti kodiranje, ali ne uspijeva uvijek ispravno. Na kraju, rezultat će biti isti kao što sam pokazao na gornjoj slici.

Pređimo na praksu.

Kako kreirati HTML dokument sa
utf-8 kodiranje

“Svi programi” => “Dodatna oprema” => “Notepad” :