Kodiranje stranice html utf 8. Kodiranje u html

Postavi skup znakova

Meta oznaka

Morate dodati posebnu meta oznaku svakoj stranici (ili predlošku zaglavlja) koja govori pregledniku koji skup znakova treba koristiti za prikaz teksta. Ova oznaka je standardna i obično izgleda ovako:

skup znakova=UTF-8» />

charset="utf-8"/> (HTML 5 verzija)

Moram to staviti u odjeljak. - bolje na samom početku, odmah nakon otvaranja :

Meta oznaka za kodiranje

Preko .htaccess (ako ništa ne pomaže)

Obično su prve dvije opcije dovoljne i preglednici prikazuju tekst kako da. Ali s nekima od njih može biti problema i stoga možete pribjeći pomoći. .htaccess datoteku.

Da biste to učinili, u njega morate napisati sljedeći redak:

Dodaj zadani skup znakova utf-8

To je sve. Ako primijenite 3 od ovih metoda kodiranja uzastopce na svom projektu, tada je vjerojatnost da da će sve biti prikazano kako treba, blizu je 100%.

Kako "vidjeti" što se krije iza opskurnih znakova na stranici?

Ako ste ušli na web stranicu, vidite "ludo" i želite vidjeti normalan tekst, tada postoje samo dva načina:

• reci vlasniku stranice da sve postavi kako treba
• pokušajte sami pogoditi kodiranje. Gotovo je standardnim sredstvima preglednici. U Chromeu, na primjer, trebate kliknuti na izbornik "Alati => Kodiranje" i od ogroman popis odaberite odgovarajući skup znakova (tj. pogodite).

Srećom, gotovo svi suvremeni web projekti rade se u UTF-8 kodiranju, koje je "univerzalno" za različite alfabete i stoga je sve rjeđe vidjeti ove nerazumljivi likovi u Internetu.

Kako bi se stranice vaše stranice pravilno prikazivale u svim preglednicima 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 činjenice da će se tekst pretvoriti u besmislen skup znakova koje je jednostavno nemoguće pročitati (krakozyabry).

Zašto se umjesto normalnog teksta prikazuju krakozyabry

Svaka stranica na vašem web-mjestu trebala bi imati specifično kodiranje. U kojem se kodiranju koristi ovaj trenutak mora se prijaviti pregledniku prosljeđivanjem posebnih zaglavlja. U ovim zaglavljima morate navesti kodiranje koje odgovara onom koje koristite u tijelu dokumenata objavljenih na web mjestu (na njegovim stranicama).

Moderni preglednici također mogu sami odrediti kodiranje dokumenta, ako ga je webmaster zaboravio eksplicitno navesti. Ponekad se dogodi da postoje nedosljednosti između "mišljenja" preglednika i stvarnosti, stoga skup znakova koji se ne mogu pročitati. Skup gluposti može prihvatiti različiti tipovi, ponekad će to biti samo čudni znakovi, slični drevnim hijeroglifima, a ponekad samo pitanja ili pitanja unutar crnih dijamanata. Po uglavnom nije toliko važno kakve krakozyabry preglednik prikazuje, ali važno je da ih osoba ne može pročitati.

Ako ste suočeni s problemom netočno navedenog kodiranja i vidite nešto na svojoj stranici što ne možete pročitati, prije svega upotrijebite poseban dekoder razvijen u studiju Art.Lebedeva. Da biste to učinili, jednostavno kopirajte tekst koji želite dešifrirati, zalijepite ga u posebno polje i kliknite "Dekriptiraj". U slučaju uspješnog dekodiranja, vidjet ćete već čitljiv tekst, kao i originalno kodiranje i put koji je program morao proći da prikaže rezultat.

Sve je to prije potrebno za napredne korisnike, kojima dobivene informacije mogu biti od neke pomoći. Možda će vam rezultat radnji programa dati ideju i shvatit ćete odakle bugovi dolaze na vašoj stranici i brzo ispraviti situaciju. A ako vam učinjene manipulacije ne govore baš ništa, onda idemo dalje.

Kako odabrati pravo kodiranje

U okviru ovog članka nećemo ulaziti u to što su kodiranja i kako se međusobno razlikuju, jer. ne želimo preopteretiti ni sebe ni vas dodatne informacije, a za potrebe današnjeg članka to nije bilo. Vrijedno je napomenuti samo činjenicu da na web mjestu na ruskom nema apsolutno nikakvog smisla postavljati Windows-1251 kodiranje, što je iscrpno opisano u prekrasnom članku Wikipedije. Čak i ako su svi tekstovi na njemu napisani isključivo na ruskom jeziku i neće biti uključivanja nestandardnih znakova. Umjesto toga, samo trebate odabrati univerzalno UTF-8 kodiranje, prihvaćajući to kao dano, bez trpanja glave nepotrebnim informacijama.

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

UTF-8 (od engleskog formata Unicode transformacije) je osam-bitni Unicode transformacijski format koji je dobio svjetsko priznanje i standardiziran je samo kako bi se izbjegli problemi povezani s pojavom krakozyabry i zabune s nečitljivim tekstovima. Iz čega se sa sigurnošću može zaključiti da ovaj slučaj od dva zla, treba izabrati ono veće i mirno spavati, bez ulaženja u detalje, jer ovdje je ionako sve jasno. Za usporedbu pogledajte veličinu Jupitera i Venere.

Osnovni načini postavljanja ispravnog kodiranja

Nerijetko problemi s kodiranjem web stranica ne nastaju jer niti jedan od uvjeta o kojima ćemo vam reći nije ispunjen, već je dovoljno ne ispuniti samo jedan od njih pa da se tekst na vašoj stranici počne krivo prikazivati. Nakon što postavite kodiranje na all navedene načine, problem će biti riješen s vjerojatnošću od 99,9%. Do ovog zaključka došli smo na temelju dugogodišnjeg iskustva rada sa stranicama na raznim hosting stranicama, koristeći najviše različitim sustavima administracija i postavke poslužitelja.

Kodiranje u .htaccess - AddDefaultCharset

Prije svega, trebate postaviti kodiranje svih stranica web stranice prema zadanim postavkama pomoću jedne vrlo korisne htaccess direktive - AddDefaultCharset, koja je doslovno prevedena s engleskog jezika znači "Dodaj zadano kodiranje". To se radi vrlo jednostavno:

Dodaj zadani skup znakova UTF-8

Ako ne znaš što je onda samo stvaraj tekstualna datoteka u bilježnicu, a zatim sa koristeći Total Zapovjedniče, preimenuj je u neimenovanu datoteku s ekstenzijom HTACCESS ( - ovako bi to trebalo izgledati puno ime svoju datoteku). Zatim prenesite novostvorenu datoteku na korijenski direktorij vaše web stranice (na isto mjesto kao i glavna izvršna datoteka, na primjer indeks.php). I ne zaboravite zalijepiti zadani niz kodiranja koji smo upravo spomenuli.

Kodiranje s meta charset-om

Meta tagovi mogu slati informacije o stranici pregledniku u obliku posebnih zaglavlja, od kojih je jedno upravo ono što nam treba - skup znakova. Općenito, meta oznake mogu imati čak 4 različita atributa:

1. sadržaj;
2. http-ekviv;
3. Ime;
4. shema.

Zapravo, od četiri predstavljena atributa, potreban je samo jedan - sadržaj, ali postoje iznimke. Na primjer, u našem slučaju koristit će se skraćena verzija zapisa, a mi ćemo postaviti kodiranje pomoću meta oznake ovako:

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

Kao što znate, meta oznake se obično postavljaju unutar spremnika. glava. Svi vjerojatno već znaju za ovo. Učinite to i prijeći ćemo na sljedeću stavku na našem popisu.

Kodiranje datoteke pomoću PHP-ove funkcije zaglavlja

Ova metoda je prikladna samo za one čija je stranica implementirana pomoću trenutno najpopularnijeg programskog jezika, uglavnom usmjerenog na izradu web stranica - PHP (Hyper Text Preprocessor). Kako bismo riješili problem postavljen u ovom članku, koristit ćemo prekrasnu ugrađenu funkciju header(), dizajniranu za prosljeđivanje zaglavlja, sličnih meta oznakama, ali s malom razlikom da se radnja izvodi iz PHP skripte, a ne kroz izlaz HTML koda.

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

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

po najviše važna točka ovdje imamo pravo prenijeti zaglavlja samo ako prije toga nije bilo izlaza iz skripte. Zato ubacujemo dati kod na sam vrh stranice. Morate to učiniti mudro i dobro razumjeti što se događa, jer možete biti sigurni da umećete zaglavlje na početak datoteke, ali možda ne znate da se ta datoteka koristi u drugoj datoteci, u koju je povučena koristeći funkciju zahtijevati ili uključiti već poslije određene informacije bio prikazan na ekranu. Stoga, ako ne razumijete dobro što je sada u pitanju, bolje idi na sljedeći korak i vratite se na ovo ako prethodna 3 nisu pomogla u postavljanju ispravnog kodiranja stranice za vašu web-lokaciju.

Spremanje datoteka s ispravnim kodiranjem

Jedan od najčešćih razloga za pojavu bugova na stranici je netočno kodiranje samih datoteka, koje se koriste za generiranje konačnog dokumenta. Najčešće se ovaj problem javlja kod programera početnika koji tek čine prve korake u svladavanju umjetnosti. Kada je jedan od trenutno popularnih administrativnih sustava odabran kao motor stranice, 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 najiskusnijim stranicama na ruskom jeziku, je UTF-8, stoga ćemo kodirati sve datoteke koje čine motor stranice u istom formatu. A da biste promijenili kodiranje same datoteke prenesene na poslužitelj, uobičajena bilježnica koju pruža operativni sustav Windows neće, naravno, biti dovoljna. Stoga je bolje koristiti program treće strane, distribuiran besplatno - Notepad ++, koji se bez problema može preuzeti na službenoj web stranici.

Nakon uspješnog dovršetka jednostavnog postupka instalacije, morat ćete postaviti ovaj program kao zadani uređivač, napraviti neke postavke po svom ukusu i promijeniti kodiranje netočno prikazane datoteke na isti način kao što je prikazano na snimci zaslona. Oni. morate odabrati "Encode in UTF-8 (no BOM)". Dobar pokazatelj da je to bio razlog je to što nijedna od opcija nije inicijalno odabrana i od vas se traži "Pretvori u UTF-8 (bez BOM)". Ako ste vidjeli ovo, onda budite sigurni da je preostalo samo nekoliko sekundi prije nego što se problem kodiranja riješi.

Osim toga, želim samo reći da trebate točno odabrati bez sastavnice. Inače, ako kodirate jednostavno u UTF-8 (s BOM-om), dodatni bajtovi će se stvoriti na početku datoteke. Nastoje ne koristiti BOM - Byte Order Mark na webu kada kodiraju u UTF-8 formatu, jer ovo dovodi do pogrešaka ometajući ispravnu PHP interpretaciju.

E, sad je sve potrebne radnje završeno, najvjerojatnije ćete pred sobom na stranicama svoje stranice vidjeti lako čitljiv tekst i slobodno disati 🙂

Složimo se da se ne slažemo.
Robert Louis Stevenson.

Ovo je lekcija u kojoj ćemo govoriti o onome što jest meta oznake, za što i kako se koriste i kako ih pravilno ispuniti.

Kao što sam rekao u , meta oznake nalaze se u zaglavlju html stranice, između oznaka i i ni na koji ih način preglednik ne prikazuje (osim sadržaja oznake "title"). Međutim, meta oznake za web mjesto igraju vrlo važnu ulogu važna uloga. Njihovo dodavanje i optimizacija može značajno pomoći stranici u njenom životu.

Preporučujem korištenje samo onih meta oznaka koje stvarno potrebno za rad web stranice. Ne zatrpavajte područje "glave" nepotrebnim uputama, jer svaka pogreška ovdje može dovesti do tužnih posljedica. Ako znate što radite, onda će meta oznake samo imati koristi, ali ako sve bacite ovdje, možete dobiti probleme koje je teško dijagnosticirati.

prvi meta oznaka jako važno. Štoviše, ova meta oznaka jednako je važna za tražilice i za posjetitelje. Prvi u rangu rezultata pretraživanja u prilogu veliki značaj ključne riječi koje su sadržane u oznaci "title", ovaj drugi vidi svoj sadržaj kao poveznicu na web mjesto u istim rezultatima pretraživanja:

Sa sadržajem iste meta oznake također se prikazuje u naslovu prozora:

NA HTML meta oznaka"title" se dodaje ovako:

Sadržaj metaoznake "title".

Sadržaj glavne stranice

Osim toga, kao što sam rekao ranije, ključne riječi, koje dodate u meta oznaku "title", tražilice će biti izuzetno pozitivno percipirane. Stoga, kada ispunjavate ovu oznaku, pokušajte u nju uključiti prave ključne riječi. Usput, o njima će se dalje raspravljati.

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

Na početku, ukratko o tome što su, zapravo, te iste “ključne riječi”.

Riječi koje najpotpunije karakteriziraju sadržaj html stranice i za nju će biti ključne. To mogu biti pojedinačne riječi ili izrazi, ali oni nužno moraju se pojaviti u tekstu na stranici. Prema njima, tražilice određuju relevantnost stranice za određeni upit.

Na primjer, za ovu stranicu ključne riječi bi bile "meta oznake", "meta naslovna oznaka", " meta oznaka ključnih riječi" itd.

Detaljnije o ključnim riječima, posebno, io optimizaciji web mjesta, općenito, razgovarat ćemo u.

Radi lakšeg rada tražilicama koristi se meta oznaka "ključne riječi". U njemu webmaster propisuje ključne riječi za stranicu. HTML kod za meta oznaku "ključne riječi" izgleda ovako:

Popis ključnih riječi">
Sadržaj metaoznake "title".

Sadržaj glavne stranice

Ključne riječi moraju se dodavati jedna po jedna, odvojene zarezima, u jednini. Na primjer, ne "ključne riječi", već "ključna riječ". Osim toga, neodgovorno ponašanje webmastera koji su, kako bi došli do viših pozicija u tražilicama, meta oznaku “keywords” ispunjavali ne samo ključnim riječima, već i brojnim izvedenicama istih, dovelo je do toga da su tražilice praktički prestale obraćajući pažnju na ovu oznaku.. Trenutno pravo ispunjenu meta-oznaku "ključne riječi" tražilice koriste samo kao jedan od mnogih faktora rangiranja (daleko od toga da je glavni). Ako pred sobom vide “ključne riječi” u koje su utrpali sve moguće varijante ključnih riječi, onda im to postaje prvi signal o nepouzdanosti ove stranice.

§ 3. Meta oznaka "description" (opis stranice)

Uz sljedeću važnu meta oznaku je oznaka "description", koja bi trebala sadržavati Kratki opis stranice. To je "kratko" i to je "opis stranice". Dovoljno je dodati jednu ili dvije male rečenice u kojima bi se naznačilo što i za koga je ova stranica.

Važna značajka metaoznake "description" je činjenica da, u slučaju njezine ispraviti na temelju njega tražilice formiraju isječak stranice u rezultatima pretraživanja (kratki opis ispod poveznice na stranicu):

Ako se tražilicama ne sviđa način na koji je popunjena meta oznaka "description", tada se isječak formira od dijelova fraza (izvučenih s cijele stranice) koji su relevantni za upit.

Stoga ispravna metaoznaka "description" mora sadržavati ključna riječ(fraza) i kratko i točno opisuje o čemu je stranica i za koga. "Description" zajedno s "title" čine nekoliko vrlo važnih meta oznaka koje određuju hoće li korisnik prijeći s Rezultati pretraživanja sajt ili ne! Stoga se, kao i "titula", mora pisati za svaki stranice!

H TML kod za stvaranje meta oznake "description" bio bi:

Sadržaj metaoznake "description">
Sadržaj metaoznake "title".

Sadržaj glavne stranice

Sada prijeđimo na opis glavnih tehničkih meta oznaka iz grupe "HTTP-EQUIV" (HTTP ekvivalenti).

§ 4. Tehničke meta oznake

Tehničke meta oznake mnogo znače web stranici. Uz njihovu pomoć možete kontrolirati prikaz stranice, postavke indeksiranja itd. U ovom vodiču pokrit ćemo osnovne tehničke meta oznake.

• vrsta sadržaja- vrsta dokumenta i njegovo kodiranje. Ova meta oznaka je potrebna za ispravan prikaz znakova u pregledniku.
  Postoji mnogo kodiranja. Većinu njih nikada nećete ni upoznati. Da ne spominjemo činjenicu da ćete ih sami koristiti. Moderni preglednici automatski određuju vrstu kodiranja, ali možete je sami odrediti kako biste bili sigurniji. Ako izradite html dokument u operacijski sustav Windows, čiji je jezik ruski, onda će kodiranje biti "windows-1251", a kod za umetanje meta oznake je sljedeći:

  Sadržaj metaoznake "title".

  Sadržaj glavne stranice
  

• jezik sadržaja- određivanje jezika dokumenta. Vrijednost ove neobavezne meta oznake koristi se kao roboti za pretraživanje kao i web poslužitelji. Ugradite kôd:

  Sadržaj metaoznake "title".

  Sadržaj glavne stranice
  

• osvježiti- vrijeme (u sekundama) nakon kojeg se automatsko ponovno pokretanje dokument ili idite na drugu html stranicu s danom adresom (url). Na primjer, za automatsko ponovno učitavanje dokumenta svakih 30 sekundi, morate umetnuti ovu meta oznaku ovako:

  Sadržaj metaoznake "title".

  Sadržaj glavne stranice
  

  A, da biste nakon 5 sekundi otišli na stranicu na http://www.site/, morate to napisati ovako:

  Sadržaj metaoznake "title".

  Sadržaj glavne stranice
  

• roboti- meta oznaka, koja je odgovorna za postavke indeksiranja stranica. Meta oznaka "robots" može imati sljedeće vrijednosti:
  • indeks- stranica je indeksirana;
  • noindex- stranica nije indeksirana;
  • slijediti- uzimaju se u obzir hiperlinkovi na stranici;
  • nofollow- hiperlinkovi na stranici se ne uzimaju u obzir
  • svi- zamjenjuje "index" i "follow", tj. stranica se indeksira i hiperveze na njoj se uzimaju u obzir (djeluje prema zadanim postavkama);
  • nikakav- zamjenjuje "noindex" i "nofollow", tj. Stranica nije indeksirana i hiperveze na njoj se ne uzimaju u obzir.

  Kod za umetanje meta oznake "roboti":

  Sadržaj metaoznake "title".

  Sadržaj glavne stranice
  

Autor i autorsko pravo- meta oznake koje vam omogućuju označavanje autorstva i vlasnika sadržaja na stranici. Ugradi HTML kôd:

Sadržaj metaoznake "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že vam zatrebati nakon što steknete iskustvo i točno znate što radite. Od svega navedenog, toplo preporučujem korištenje na svaki stranica vaše web stranice:

Naslov stranice

Koristite čelik po potrebi, ali nemojte pretjerivati. Imajte na umu da meta oznake neće vašu stranicu učiniti zanimljivom, one samo mogu pomoći pregledniku i web poslužitelju da pravilno prikaže stranice stranice, i pretraživač Nađi ih.

I ovaj dio moje stranice je konačno gotov i tada ćemo razgovarati o tome kako početi promovirati i promovirati svoju stranicu na Internetu. Evo nekoliko mojih savjeta osobno iskustvo optimizacija web stranice. Kliknite na "Dalje".

Jedan od naj uobičajeni problemi s kojima se suočava početnik webmaster(i ne samo početnici), jest problemi s kodiranjem web stranice. Čak se i ja stalno pojavljujem prilikom izrade web stranica " abrakadabra". Ali, na sreću, savršeno dobro znam kako riješiti ovaj problem, pa sam sve posložio u roku od nekoliko sekundi. A u ovom ću vas članku pokušati naučiti što brže rješavanje problema kodiranja na stranici.

Prvo što treba napomenuti je da su svi problemi s pojavom "abrakadabre" povezani s neusklađenošću između kodiranja dokumenta i kodiranja koje je postavio preglednik. Recimo da je dokument prozori-1251, a preglednik iz nekog razloga izlaže UTF-8. A sljedeći razlozi već mogu biti izvor takvog neslaganja.

Prvi razlog

Nevažeća meta oznaka vrsta 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 preglednik prikazuje upravo ono što želite, ali iz nekog razloga i dalje postoji problem s kodiranjem. Ovdje je gotovo sigurno kriva činjenica da sam dokument ima drugačije kodiranje. Ako radite u Notepad++, zatim dolje desno nalazi se naziv kodiranja trenutni dokument(na primjer, ANSI). Ako stavite meta oznaku UTF-8, a sam dokument je upisan ANSI, zatim pretvorite u UTF-8(putem izbornika " Kodiranja" i paragraf " Pretvori u UTF-8 bez BOM-a").

Treći razlog

Četvrti razlog

I na kraju, posljednji popularni razlog je problem kodiranja baze podataka. Najprije provjerite jesu li sve vaše tablice i polja napisani u istom kodiranju, koje odgovara kodiranju ostatka stranice. Ako to ne pomogne, odmah nakon povezivanja u skripti pokrenite sljedeći zahtjev:

POSTAVITE IMENA "utf8"

Umjesto " utf8" može biti različito kodiranje. Nakon toga bi svi podaci iz baze podataka trebali biti ispisani u ispravnom kodiranju.

Nadam se da sam u ovom članku barem pokrio 90% problema povezanih s pojavom "abrakadabre" na web mjestu. Sada biste se trebali u trenu pozabaviti tako popularnim i jednostavnim problemom kao što je netočno kodiranje.

15.03.2016

Ne još

Bok svima!
Nastavljamo učiti osnove HTML-a. U ovoj lekciji ćemo istražiti kako odrediti html kodiranje za web stranicu (web stranicu).
Ova je lekcija vrlo važna jer ako ne znate kako odrediti kodiranje za web stranicu, vaša stranica može biti nečitljiva. Pitate: “Kako je, ne mogu?”.
Dopustite da vam pokažem kako moj blog izgleda s pogrešnim kodiranjem:

Tako, HTML kodiranje - ovo su tablice korespondencije kodova i simbola abecede. Odnosno, naše će računalo kodiranjem promijeniti kod u razumljiva čitljiva slova.

Da biste pregledniku rekli u kojem su kodiranju znakovi web stranice, morate pisati između oznaka ovdje je meta oznaka:

Obratite pozornost, u kodu postoji riječ "naziv kodiranja". Ovdje morate navesti HTML kodiranje.
Obično je to utf-8 ili windows-1251.

Kodiranje zautf-8:

Kodiranjeza prozori-1251:

Ako zaboravite reći pregledniku u kojem je kodiranju web-lokacija ili web-stranica, preglednik će pokušati automatski odrediti kodiranje, ali to ne funkcionira uvijek ispravno. Na kraju će rezultat biti onaj koji sam prikazao na gornjoj slici.

Prijeđimo na praksu.

Kako stvoriti HTML dokument sa
utf-8 kodiranje

"Svi programi" => "Dodaci" => "Bilježnica" :