ÐодиÑовка UTF-8 â одна из ÑамÑÑ ÑаÑпÑоÑÑÑаненнÑÑ Ð¸ ÑнивеÑÑалÑнÑÑ ÐºÐ¾Ð´Ð¸Ñовок, коÑоÑÐ°Ñ Ð¿Ð¾Ð·Ð²Ð¾Ð»ÑÐµÑ ÑабоÑаÑÑ Ñ ÑекÑÑом на ÑазнÑÑ ÑзÑÐºÐ°Ñ Ð¸ ÑÐ¸Ð¼Ð²Ð¾Ð»Ð°Ñ . Ð ÑÑой ÑÑаÑÑе Ð¼Ñ ÑаÑÑмоÑÑим, как пÑавилÑно наÑÑÑоиÑÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ UTF-8 на ÑайÑе и ÑеÑвеÑе, ÑÑÐ¾Ð±Ñ Ð¸Ð·Ð±ÐµÐ¶Ð°ÑÑ Ð¿Ñоблем Ñ Ð¾ÑобÑажением ÑекÑÑа и ÑÐ¾Ñ ÑаниÑÑ Ð²Ñе ÑÐ¸Ð¼Ð²Ð¾Ð»Ñ Ð² Ð¸Ñ Ð¸ÑÑ Ð¾Ð´Ð½Ð¾Ð¼ виде.
ÐеÑвÑм Ñагом в наÑÑÑойке кодиÑовки UTF-8 ÑвлÑеÑÑÑ Ñказание ее в ваÑем HTML-коде. ÐÐ»Ñ ÑÑого вам необÑ
одимо добавиÑÑ Ð¼ÐµÑаÑег <meta charset="utf-8">
в Ñаздел <head> ваÑего HTML-докÑменÑа. ÐÑÐ¾Ñ Ð¼ÐµÑаÑег ÑообÑÐ°ÐµÑ Ð±ÑаÑзеÑÑ, ÑÑо Ð²Ð°Ñ ÑÐ°Ð¹Ñ Ð´Ð¾Ð»Ð¶ÐµÐ½ бÑÑÑ Ð¾ÑобÑажен Ñ Ð¸ÑполÑзованием кодиÑовки UTF-8.
Ðалее, необÑ
одимо ÑбедиÑÑÑÑ, ÑÑо Ð²Ð°Ñ ÑеÑÐ²ÐµÑ Ñакже иÑполÑзÑÐµÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ UTF-8. ÐÑли Ð²Ñ Ð¸ÑполÑзÑеÑе Apache, вам нÑжно добавиÑÑ ÑледÑÑÑÑÑ ÑÑÑÐ¾ÐºÑ Ð² Ñайл конÑигÑÑаÑии .htaccess в коÑневой диÑекÑоÑии ваÑего ÑайÑа: AddDefaultCharset UTF-8
. ÐоÑле ÑÑого ÑеÑÐ²ÐµÑ Ð±ÑÐ´ÐµÑ ÑказÑваÑÑ, ÑÑо его оÑвеÑÑ Ð´Ð¾Ð»Ð¶Ð½Ñ Ð¸ÑполÑзоваÑÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ UTF-8.
Ðажно оÑмеÑиÑÑ, ÑÑо наÑÑÑойка кодиÑовки UTF-8 Ñакже влиÑÐµÑ Ð½Ð° ÑÐ¾Ñ Ñанение даннÑÑ Ð½Ð° ÑеÑвеÑе. ÐÑли Ð²Ð°Ñ ÑеÑÐ²ÐµÑ Ð¸ÑполÑзÑÐµÑ Ð±Ð°Ð·Ñ Ð´Ð°Ð½Ð½ÑÑ , вам нÑжно ÑбедиÑÑÑÑ, ÑÑо кодиÑовка ваÑей Ð±Ð°Ð·Ñ Ð´Ð°Ð½Ð½ÑÑ Ñакже ÑÑÑановлена на UTF-8. ÐÑо Ð¿Ð¾Ð·Ð²Ð¾Ð»Ð¸Ñ ÐºÐ¾ÑÑекÑно ÑÐ¾Ñ ÑанÑÑÑ Ð¸ извлекаÑÑ Ð´Ð°Ð½Ð½Ñе, ÑÐ¾Ñ ÑанÑÑ Ð²Ñе ÑÐ¸Ð¼Ð²Ð¾Ð»Ñ Ð² Ð¸Ñ Ð¸ÑÑ Ð¾Ð´Ð½Ð¾Ð¼ виде.
- ÐодиÑовка UTF-8
- ÐÑеимÑÑеÑÑва UTF-8
- Ðак опÑеделиÑÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ Ð½Ð° ÑеÑвеÑе
- Ðак наÑÑÑоиÑÑ UTF-8 на ÑеÑвеÑе
- Ðак пÑовеÑиÑÑ ÑекÑÑÑÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ ÑайÑа
- Ðак измениÑÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ ÑайÑа на UTF-8
- Ðак пÑеобÑазоваÑÑ Ð¸Ð¼ÐµÑÑийÑÑ ÐºÐ¾Ð´ в UTF-8
- Ðак наÑÑÑоиÑÑ Ð²ÐµÑÑÑÐºÑ Ð¿Ð¾Ð´ UTF-8
- Ðакие пÑÐ¾Ð±Ð»ÐµÐ¼Ñ Ð¼Ð¾Ð³ÑÑ Ð²Ð¾Ð·Ð½Ð¸ÐºÐ½ÑÑÑ Ð¿Ñи иÑполÑзовании UTF-8
ÐодиÑовка UTF-8
UTF-8 иÑполÑзÑеÑÑÑ ÐºÐ°Ðº на ÑеÑвеÑе, Ñак и на веб-ÑайÑе Ð´Ð»Ñ Ð¾Ð±Ð¼ÐµÐ½Ð° инÑоÑмаÑией Ð¼ÐµÐ¶Ð´Ñ ÐºÐ»Ð¸ÐµÐ½Ñом и ÑеÑвеÑом. ÐÐ»Ñ Ñого ÑÑÐ¾Ð±Ñ Ð¿ÑавилÑно наÑÑÑоиÑÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ UTF-8, Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾ вÑполниÑÑ Ð½ÐµÑколÑко Ñагов.
РпеÑвÑÑ Ð¾ÑеÑедÑ, ÑледÑÐµÑ ÑбедиÑÑÑÑ, ÑÑо ÑеÑÐ²ÐµÑ Ð¿Ð¾Ð´Ð´ÐµÑÐ¶Ð¸Ð²Ð°ÐµÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ UTF-8. ÐÐ»Ñ ÑÑого Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾ наÑÑÑоиÑÑ Ñайл конÑигÑÑаÑии ÑеÑвеÑа Ñаким обÑазом, ÑÑÐ¾Ð±Ñ Ð¾Ð½ ÑказÑвал на иÑполÑзование UTF-8 в каÑеÑÑве кодиÑовки по ÑмолÑаниÑ.
Ðалее, Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾ добавиÑÑ Ð¼ÐµÑа-Ñег в заголовок HTML-докÑменÑа, ÑÑÐ¾Ð±Ñ ÑказаÑÑ Ð±ÑаÑзеÑÑ, ÑÑо веб-ÑÑÑаниÑа иÑполÑзÑÐµÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ UTF-8. ÐÐ»Ñ ÑÑого Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾ добавиÑÑ ÑледÑÑÑий код внÑÑÑи Ñега <head>:
<meta charset="UTF-8">
ÐÑÐ¾Ñ Ñег ÑообÑÐ°ÐµÑ Ð±ÑаÑзеÑÑ, ÑÑо вÑÑ ÑодеÑжаÑаÑÑÑ Ð½Ð° ÑÑÑаниÑе инÑоÑмаÑÐ¸Ñ Ð´Ð¾Ð»Ð¶Ð½Ð° инÑеÑпÑеÑиÑоваÑÑÑÑ Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ ÐºÐ¾Ð´Ð¸Ñовки UTF-8.
ÐоÑле ÑÑого Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾ ÑбедиÑÑÑÑ, ÑÑо вÑе ÑайлÑ, иÑполÑзÑемÑе на веб-ÑайÑе, ÑÐ¾Ñ ÑÐ°Ð½ÐµÐ½Ñ Ð² кодиÑовке UTF-8. Такие ÑÐ°Ð¹Ð»Ñ Ð¼Ð¾Ð³ÑÑ Ð²ÐºÐ»ÑÑаÑÑ Ð² ÑÐµÐ±Ñ HTML-докÑменÑÑ, CSS-ÑÐ°Ð¹Ð»Ñ Ð¸ ÑкÑипÑÑ.
ÐÑоме Ñого, пÑи взаимодейÑÑвии Ñ Ð±Ð°Ð·Ð¾Ð¹ даннÑÑ Ñакже Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾ ÑÑиÑÑваÑÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ UTF-8. ÐÑе ÑаблиÑÑ Ð¸ Ð¿Ð¾Ð»Ñ ÑÐ°Ð±Ð»Ð¸Ñ Ð² базе даннÑÑ Ð´Ð¾Ð»Ð¶Ð½Ñ Ð±ÑÑÑ ÑÐ¾Ð·Ð´Ð°Ð½Ñ Ñ Ð¸ÑполÑзованием кодиÑовки UTF-8, ÑÑÐ¾Ð±Ñ ÑÐ¾Ñ ÑанÑÑÑ Ð¸ оÑобÑажаÑÑ Ð´Ð°Ð½Ð½Ñе пÑавилÑно.
СледÑÑ ÑÑим ÑекомендаÑиÑм, Ð²Ñ ÑможеÑе наÑÑÑоиÑÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ UTF-8 на Ñвоем веб-ÑайÑе и ÑеÑвеÑе, ÑÑо обеÑпеÑÐ¸Ñ ÐºÐ¾ÑÑекÑнÑÑ ÑабоÑÑ Ñ ÑекÑÑом на ÑазнÑÑ ÑзÑÐºÐ°Ñ Ð¸ ÑÐ¸Ð¼Ð²Ð¾Ð»Ñ Ð²Ð°ÑÐ¸Ñ Ð¿Ð¾Ð»ÑзоваÑелей.
ÐÑеимÑÑеÑÑва UTF-8
- УнивеÑÑалÑноÑÑÑ: UTF-8 поддеÑÐ¶Ð¸Ð²Ð°ÐµÑ ÑÐ¸Ð¼Ð²Ð¾Ð»Ñ Ð¸Ð· вÑÐµÑ ÑзÑков, ÑÑо Ð´ÐµÐ»Ð°ÐµÑ ÐµÐ³Ð¾ идеалÑнÑм вÑбоÑом Ð´Ð»Ñ ÑайÑов, ÑабоÑаÑÑÐ¸Ñ Ñ ÑазлиÑнÑми ÑзÑками и алÑавиÑами.
- СовмеÑÑимоÑÑÑ: UTF-8 ÑвлÑеÑÑÑ ÑÑандаÑÑом Ð´Ð»Ñ ÐºÐ¾Ð´Ð¸Ñовки в ÐнÑеÑнеÑе и поддеÑживаеÑÑÑ Ð²Ñеми ÑовÑеменнÑми веб-бÑаÑзеÑами и опеÑаÑионнÑми ÑиÑÑемами.
- ÐÑÑекÑивноÑÑÑ Ð¸ÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ð¿Ð°Ð¼ÑÑи: UTF-8 иÑполÑзÑÐµÑ Ð¿ÐµÑеменное колиÑеÑÑво Ð±Ð°Ð¹Ñ Ð´Ð»Ñ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ñимволов, ÑÑо позволÑÐµÑ Ð±Ð¾Ð»ÐµÐµ ÑÑÑекÑивно иÑполÑзоваÑÑ Ð¿Ð°Ð¼ÑÑÑ.
- ÐбÑаÑÐ½Ð°Ñ ÑовмеÑÑимоÑÑÑ: UTF-8 обеÑпеÑÐ¸Ð²Ð°ÐµÑ ÑовмеÑÑимоÑÑÑ Ñ Ð±Ð¾Ð»ÐµÐµ ÑÑаÑÑми ÑÑандаÑÑами, Ñакими как ASCII, ÑÑо позволÑÐµÑ Ð±ÐµÐ· пÑоблем обÑабаÑÑваÑÑ ÑекÑÑÑ, напиÑаннÑе в более ÑÐ°Ð½Ð½Ð¸Ñ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÐ°Ñ .
- ÐезопаÑноÑÑÑ: UTF-8 пÑедоÑвÑаÑÐ°ÐµÑ Ð²Ð¾Ð·Ð½Ð¸ÐºÐ½Ð¾Ð²ÐµÐ½Ð¸Ðµ оÑибок в оÑобÑажении ÑекÑÑа и пÑедÑÑавлÑÐµÑ ÑÑойкий к Ð²Ð·Ð»Ð¾Ð¼Ñ ÑоÑмаÑ.
ÐÑполÑзование кодиÑовки UTF-8 обеÑпеÑÐ¸Ð²Ð°ÐµÑ Ð¿ÑавилÑное оÑобÑажение и обÑабоÑÐºÑ ÑекÑÑа на многоÑзÑÑнÑÑ ÑайÑÐ°Ñ Ð¸ ÑодейÑÑвÑÐµÑ Ð¿Ð¾Ð»Ð½Ð¾Ð¼Ñ Ð¸ гаÑмониÑÐ½Ð¾Ð¼Ñ Ð²Ð·Ð°Ð¸Ð¼Ð¾Ð´ÐµÐ¹ÑÑÐ²Ð¸Ñ Ð¿Ð¾Ð»ÑзоваÑелей из ÑазнÑÑ ÐºÑлÑÑÑÑ Ð¸ ÑзÑковÑÑ Ð³ÑÑпп.
Ðак опÑеделиÑÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ Ð½Ð° ÑеÑвеÑе
СпоÑоб | ÐпиÑание |
---|---|
HTTP заголовок | ÐпÑеделение кодиÑовки Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ñказано в HTTP заголовке оÑвеÑа ÑеÑвеÑа. ÐодиÑовка обÑÑно ÑказÑваеÑÑÑ Ð² заголовке «Content-Type», напÑимеÑ: «Content-Type: text/html; charset=UTF-8». |
ÐеÑаÑег в HTML | ÐодиÑовка Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ñказана в меÑаÑеге HTML ÑÑÑаниÑÑ. ÐÐ»Ñ ÑÑого Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾ добавиÑÑ ÑледÑÑÑÑÑ ÑÑÑÐ¾ÐºÑ Ð² ÑекÑÐ¸Ñ Ð²Ð°Ñего докÑменÑа: |
BOM (Byte Order Mark) | РнекоÑоÑÑÑ ÑлÑÑаÑÑ ÐºÐ¾Ð´Ð¸Ñовка Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¾Ð¿Ñеделена по налиÑÐ¸Ñ BOM (Ñимвола поÑÑдка байÑов) в наÑале Ñайла. ÐапÑимеÑ, Ð´Ð»Ñ UTF-8 ÑÑо 3 байÑа: EF BB BF. |
РнекоÑоÑÑÑ ÑлÑÑаÑÑ Ð¼Ð¾Ð¶ÐµÑ Ð¿Ð¾ÑÑебоваÑÑÑÑ ÐºÐ¾Ð¼Ð±Ð¸Ð½Ð¸Ñование ÑазнÑÑ Ð¼ÐµÑодов Ð´Ð»Ñ ÑоÑного опÑÐµÐ´ÐµÐ»ÐµÐ½Ð¸Ñ ÐºÐ¾Ð´Ð¸Ñовки. ÐÑли кодиÑовка не Ñказана Ñвно, Ñо Ð¼Ð¾Ð¶ÐµÑ Ð²Ð¾Ð·Ð½Ð¸ÐºÐ½ÑÑÑ Ð¿ÑÐ¾Ð±Ð»ÐµÐ¼Ñ Ñ Ð¾ÑобÑажением ÑекÑÑа на ÑайÑе и его обÑабоÑкой ÑеÑвеÑом.
Ðак наÑÑÑоиÑÑ UTF-8 на ÑеÑвеÑе
ÐÐ¾Ñ Ð½ÐµÑколÑко Ñагов, коÑоÑÑе помогÑÑ Ð²Ð°Ð¼ наÑÑÑоиÑÑ UTF-8 на ваÑем ÑеÑвеÑе:
1. ÐÑовеÑÑÑе ÑекÑÑÑÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ ÑеÑвеÑа:
ÐеÑед наÑалом наÑÑÑойки UTF-8, важно ÑбедиÑÑÑÑ, ÑÑо ÑекÑÑÐ°Ñ ÐºÐ¾Ð´Ð¸Ñовка ÑеÑвеÑа не конÑликÑÑÐµÑ Ñ ÑÑебÑемой кодиÑовкой UTF-8. ÐÑ Ð¼Ð¾Ð¶ÐµÑе пÑовеÑиÑÑ ÑекÑÑÑÑ ÐºÐ¾Ð´Ð¸ÑовкÑ, обÑаÑивÑиÑÑ Ðº докÑменÑаÑии ваÑего ÑеÑвеÑа или ÑвÑзавÑиÑÑ Ñ Ð²Ð°Ñим Ñ Ð¾ÑÑинг-пÑовайдеÑом.
2. ÐзмениÑе кодиÑÐ¾Ð²ÐºÑ ÑеÑвеÑа на UTF-8:
ÐÑли ÑекÑÑÐ°Ñ ÐºÐ¾Ð´Ð¸Ñовка ÑеÑвеÑа оÑлиÑаеÑÑÑ Ð¾Ñ UTF-8, вам Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾ измениÑÑ ÐµÐµ на UTF-8. ÐÑо обÑÑно делаеÑÑÑ Ð¿ÑÑем ÑедакÑиÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ñайла конÑигÑÑаÑии ÑеÑвеÑа, Ñакого как .htaccess или httpd.conf. Ð Ñайле конÑигÑÑаÑии найдиÑе диÑекÑÐ¸Ð²Ñ AddDefaultCharset и ÑÑÑановиÑе ее знаÑение на UTF-8.
3. ÐеÑезапÑÑÑиÑе ÑеÑвеÑ:
ÐоÑле Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ ÐºÐ¾Ð´Ð¸Ñовки ÑеÑвеÑа на UTF-8, не забÑдÑÑе пеÑезапÑÑÑиÑÑ ÑеÑвеÑ, ÑÑÐ¾Ð±Ñ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ð²ÑÑÑпили в ÑилÑ.
4. ÐÑовеÑÑÑе кодиÑÐ¾Ð²ÐºÑ ÑÑÑаниÑ:
ÐоÑле наÑÑÑойки UTF-8 на ÑеÑвеÑе, важно Ñакже ÑбедиÑÑÑÑ, ÑÑо кодиÑовка ÑÑÑÐ°Ð½Ð¸Ñ Ð²Ð°Ñего ÑайÑа пÑавилÑно ÑÑÑановлена на UTF-8. ÐÐ»Ñ ÑÑого вам нÑжно добавиÑÑ ÑледÑÑÑÑÑ ÑÑÑÐ¾ÐºÑ Ð² ÑекÑÐ¸Ñ <head> каждой ÑÑÑаниÑÑ Ð²Ð°Ñего ÑайÑа:
<meta charset=»UTF-8â³>
ÐÑÐ¾Ñ Ñег меÑа ÑказÑÐ²Ð°ÐµÑ Ð±ÑаÑзеÑÑ Ð¸ÑполÑзоваÑÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ UTF-8 пÑи оÑобÑажении ÑÑÑаниÑÑ.
5. ÐÑовеÑÑÑе оÑобÑажение Ñимволов:
ÐоÑле вÑÐµÑ Ð½Ð°ÑÑÑоек пÑовеÑÑÑе оÑобÑажение Ñимволов на ваÑем ÑайÑе. УбедиÑеÑÑ, ÑÑо вÑе ÑÐ¸Ð¼Ð²Ð¾Ð»Ñ ÐºÐ¾ÑÑекÑно оÑобÑажаÑÑÑÑ. ÐÑли Ð²Ñ Ð¾Ð±Ð½Ð°ÑÑжиÑе некоÑÑекÑное оÑобÑажение Ñимволов, ÑÑо Ð¼Ð¾Ð¶ÐµÑ ÑвидеÑелÑÑÑвоваÑÑ Ð¾ пÑÐ¾Ð±Ð»ÐµÐ¼Ð°Ñ Ñ Ð½Ð°ÑÑÑойками UTF-8 на ÑеÑвеÑе или на ваÑем ÑайÑе.
Ðажно имеÑÑ Ð² видÑ:
УбедиÑеÑÑ, ÑÑо вÑе ÑÐ°Ð¹Ð»Ñ Ð²Ð°Ñего ÑайÑа ÑÐ¾Ñ ÑÐ°Ð½ÐµÐ½Ñ Ð² UTF-8 кодиÑовке. ÐÑли Ð²Ñ Ð¸ÑполÑзÑеÑе ÑедакÑÐ¾Ñ ÐºÐ¾Ð´Ð°, Ñ Ð²Ð°Ñ Ð´Ð¾Ð»Ð¶Ð½Ð° бÑÑÑ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑ Ð²ÑбÑаÑÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ Ð¿Ñи ÑÐ¾Ñ Ñанении Ñайла.
ÐаÑÑÑойка UTF-8 на ÑеÑвеÑе ÑвлÑеÑÑÑ Ð²Ð°Ð¶Ð½Ñм Ñагом Ð´Ð»Ñ Ð¾Ð±ÐµÑпеÑÐµÐ½Ð¸Ñ Ð¿ÑавилÑного оÑобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð¸ обÑабоÑки ÑекÑÑовой инÑоÑмаÑии на ваÑем ÑайÑе. СледÑÑ Ð²ÑÑепеÑеÑиÑленнÑм Ñагам, Ð²Ñ Ð¼Ð¾Ð¶ÐµÑе наÑÑÑоиÑÑ UTF-8 на ваÑем ÑеÑвеÑе и бÑÑÑ ÑвеÑеннÑми, ÑÑо Ð²Ð°Ñ ÑÐ°Ð¹Ñ ÐºÐ¾ÑÑекÑно оÑобÑÐ°Ð¶Ð°ÐµÑ ÑÐ¸Ð¼Ð²Ð¾Ð»Ñ Ð½Ð° вÑÐµÑ ÑÑÑÑойÑÑÐ²Ð°Ñ Ð¸ бÑаÑзеÑÐ°Ñ .
Ðак пÑовеÑиÑÑ ÑекÑÑÑÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ ÑайÑа
ЧÑÐ¾Ð±Ñ ÑзнаÑÑ, ÐºÐ°ÐºÐ°Ñ ÐºÐ¾Ð´Ð¸Ñовка иÑполÑзÑеÑÑÑ Ð´Ð»Ñ Ð¾ÑобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð²Ð°Ñего ÑайÑа, Ð²Ñ Ð¼Ð¾Ð¶ÐµÑе вÑполниÑÑ Ð½ÐµÑколÑко пÑоÑÑÑÑ Ñагов:
- ÐÑкÑойÑе нÑжнÑÑ ÑÑÑаниÑÑ ÑайÑа в лÑбом веб-бÑаÑзеÑе.
- ЩелкниÑе пÑавой кнопкой мÑÑи на ÑÑÑаниÑе и вÑбеÑиÑе пÑÐ½ÐºÑ Â«ÐÑоÑмоÑÑеÑÑ ÐºÐ¾Ð´ ÑлеменÑа» или «ÐÑÑ Ð¾Ð´Ð½Ñй код ÑÑÑаниÑÑ».
- РоÑкÑÑвÑемÑÑ Ð¾ÐºÐ½Ðµ ÑазÑабоÑÑика бÑаÑзеÑа найдиÑе ÑÑÑокÑ, ÑодеÑжаÑÑÑ Ð¸Ð½ÑоÑмаÑÐ¸Ñ Ð¾ кодиÑовке. ÐбÑÑно она ÑаÑполагаеÑÑÑ Ð²Ð½ÑÑÑи Ñегаили.
- Ð Ñдом Ñ Ñегом charset= или в знаÑении аÑÑибÑÑа content= бÑÐ´ÐµÑ Ñказана ÑекÑÑÐ°Ñ ÐºÐ¾Ð´Ð¸Ñовка. ÐапÑимеÑ, «utf-8» ÑказÑÐ²Ð°ÐµÑ Ð½Ð° кодиÑÐ¾Ð²ÐºÑ UTF-8, «windows-1251» â на кодиÑÐ¾Ð²ÐºÑ Windows-1251 и Ñ. д.
- ÐÑли Ð²Ñ Ð½Ðµ видиÑе инÑоÑмаÑÐ¸Ñ Ð¾ кодиÑовке на ÑÑÑаниÑе, попÑобÑйÑе поиÑкаÑÑ ÐµÐµ в наÑале Ñайла или в Ñеге.
ÐÑовеÑÑÑе, ÑÑо ÑекÑÑÐ°Ñ ÐºÐ¾Ð´Ð¸Ñовка ÑайÑа ÑооÑвеÑÑÑвÑÐµÑ Ð²Ð°Ñим ÑÑебованиÑм и наÑÑÑойкам ÑеÑвеÑа. ÐÑли ÑÑебÑеÑÑÑ Ð¸Ð·Ð¼ÐµÐ½Ð¸ÑÑ ÐºÐ¾Ð´Ð¸ÑовкÑ, Ð²Ñ Ð¼Ð¾Ð¶ÐµÑе внеÑÑи Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ñе Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ð² ÑÐ°Ð¹Ð»Ñ ÑайÑа или наÑÑÑоиÑÑ ÑеÑÐ²ÐµÑ ÑооÑвеÑÑÑвÑÑÑим обÑазом.
Ðак измениÑÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ ÑайÑа на UTF-8
Ðзменение кодиÑовки ÑайÑа на UTF-8 Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾, ÑÑÐ¾Ð±Ñ Ð¿ÑавилÑно оÑобÑажаÑÑ Ð¸ поддеÑживаÑÑ ÑазлиÑнÑе ÑзÑки, вклÑÑÐ°Ñ ÐºÐ¸ÑиллиÑÑ Ð¸ дÑÑгие ÑимволÑ.
ÐÐ»Ñ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ ÐºÐ¾Ð´Ð¸Ñовки ÑайÑа на UTF-8 ÑледÑйÑе ÑледÑÑÑим Ñагам:
- ÐÑкÑойÑе кодовÑÑ Ð±Ð°Ð·Ñ Ñвоего ÑайÑа.
- ÐайдиÑе ÑÑÑокÑ, ÑодеÑжаÑÑÑ ÑÑандаÑÑнÑÑ HTML-заголовоÑнÑÑ Ð¸Ð½ÑоÑмаÑÐ¸Ñ <head>.
- ÐнÑÑÑи ÑÑого блока добавÑÑе ÑледÑÑÑÑÑ ÑÑÑÐ¾ÐºÑ ÐºÐ¾Ð´Ð°:
<meta charset="UTF-8">
ÐÐ°Ð½Ð½Ð°Ñ ÑÑÑока кода ÑказÑÐ²Ð°ÐµÑ Ð±ÑаÑзеÑÑ, ÑÑо ÑÐ°Ð¹Ñ ÑледÑÐµÑ Ð¾ÑобÑажаÑÑ Ñ Ð¸ÑполÑзованием кодиÑовки UTF-8.
ÐоÑле внеÑÐµÐ½Ð¸Ñ Ð´Ð°Ð½Ð½Ð¾Ð³Ð¾ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ð² кодовÑÑ Ð±Ð°Ð·Ñ ÑÐ¾Ñ ÑаниÑе Ñайл и загÑÑзиÑе его на Ð²Ð°Ñ Ñ Ð¾ÑÑинг или ÑеÑвеÑ. ÐоÑле ÑÑого бÑаÑÐ·ÐµÑ Ð±ÑÐ´ÐµÑ Ð¾ÑобÑажаÑÑ Ð²Ð°Ñ ÑÐ°Ð¹Ñ Ñ Ð¸ÑполÑзованием вÑбÑанной кодиÑовки UTF-8.
Ðажно оÑмеÑиÑÑ, ÑÑо Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾ Ñакже ÑбедиÑÑÑÑ, ÑÑо Ð²Ð°Ñ ÑеÑÐ²ÐµÑ Ð¿Ð¾Ð´Ð´ÐµÑÐ¶Ð¸Ð²Ð°ÐµÑ UTF-8 кодиÑовкÑ. ÐÐ»Ñ ÑÑого Ð²Ñ Ð¼Ð¾Ð¶ÐµÑе обÑаÑиÑÑÑÑ Ðº ÑÐ²Ð¾ÐµÐ¼Ñ Ñ Ð¾ÑÑинг-пÑовайдеÑÑ Ð¸Ð»Ð¸ админиÑÑÑаÑоÑÑ ÑеÑвеÑа.
ТепеÑÑ Ð²Ð°Ñ ÑÐ°Ð¹Ñ Ð±ÑÐ´ÐµÑ Ð¿ÑавилÑно оÑобÑажаÑÑ ÑÐ¸Ð¼Ð²Ð¾Ð»Ñ Ð¸Ð· ÑазлиÑнÑÑ ÑзÑков, и Ð²Ñ ÑможеÑе иÑполÑзоваÑÑ ÐºÐ¸ÑиллиÑÑ Ð¸ дÑÑгие ÑÐ¸Ð¼Ð²Ð¾Ð»Ñ Ð±ÐµÐ· пÑоблем.
Ðак пÑеобÑазоваÑÑ Ð¸Ð¼ÐµÑÑийÑÑ ÐºÐ¾Ð´ в UTF-8
Шаг 1: УбедиÑеÑÑ, ÑÑо иÑÑ Ð¾Ð´Ð½Ñй код ваÑего ÑайÑа Ñоздан на одной из поддеÑживаемÑÑ ÐºÐ¾Ð´Ð¸Ñовок, ÑÐ°ÐºÐ¸Ñ ÐºÐ°Ðº ANSI, ISO-8859-1 или Windows-1251. ÐÑли Ð²Ð°Ñ ÐºÐ¾Ð´ Ñже напиÑан на дÑÑгой кодиÑовке, вам поÑÑебÑеÑÑÑ ÐºÐ¾Ð½Ð²ÐµÑÑиÑоваÑÑ ÐµÐ³Ð¾ в Ð¾Ð´Ð½Ñ Ð¸Ð· поддеÑживаемÑÑ ÐºÐ¾Ð´Ð¸Ñовок.
Шаг 2: ÐпÑеделиÑе ÑекÑÑÑÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ Ð²Ð°Ñего кода. ÐÐ»Ñ ÑÑого можно иÑполÑзоваÑÑ ÑекÑÑовÑй ÑедакÑоÑ, Ñакой как Notepad++ или Sublime Text. Ð ÑÑÐ¸Ñ ÑедакÑоÑÐ°Ñ ÐµÑÑÑ ÑÑнкÑÐ¸Ñ Ð´Ð»Ñ Ð¿ÑовеÑки ÑекÑÑей кодиÑовки Ñайла.
Шаг 3: Ð¡Ð¾Ñ ÑаниÑе иÑÑ Ð¾Ð´Ð½Ñй код ваÑего ÑайÑа в ÑекÑÑовом ÑедакÑоÑе Ñ Ð½Ð¾Ð²Ñм именем Ñайла, Ñказав кодиÑÐ¾Ð²ÐºÑ UTF-8. ÐÑо Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾, ÑÑÐ¾Ð±Ñ Ð¸Ð·Ð±ÐµÐ¶Ð°ÑÑ Ð¿Ð¾ÑеÑи даннÑÑ , пÑи конвеÑÑиÑовании кода в дÑÑгÑÑ ÐºÐ¾Ð´Ð¸ÑовкÑ.
Шаг 4: ÐÑкÑойÑе новÑй Ñайл Ñ ÐºÐ¾Ð´Ð¸Ñовкой UTF-8 в ÑекÑÑовом ÑедакÑоÑе и ÑкопиÑÑйÑе веÑÑ Ð¸ÑÑ Ð¾Ð´Ð½Ñй код ваÑего ÑайÑа.
Шаг 5: ÐÑÑавÑÑе ÑкопиÑованнÑй код в нÑжное меÑÑо Ñвоего нового Ñайла. УбедиÑеÑÑ, ÑÑо ÑекÑÑ ÑÐ¾Ñ ÑанÑеÑÑÑ Ð² кодиÑовке UTF-8 и пÑавилÑно оÑобÑажаеÑÑÑ.
Шаг 6: Ð¡Ð¾Ñ ÑаниÑе новÑй Ñайл Ñ ÐºÐ¾Ð´Ð¸Ñовкой UTF-8.
Шаг 7: ÐеÑеименÑйÑе новÑй Ñайл Ñак, ÑÑÐ¾Ð±Ñ Ð¾Ð½ заменил иÑÑ Ð¾Ð´Ð½Ñй Ñайл ваÑего ÑайÑа.
ТепеÑÑ Ð²Ð°Ñ ÐºÐ¾Ð´ ÑÐ¾Ñ Ñанен в кодиÑовке UTF-8! УбедиÑеÑÑ, ÑÑо Ð²Ñ Ñделали ÑезеÑвнÑÑ ÐºÐ¾Ð¿Ð¸Ñ Ð¸ÑÑ Ð¾Ð´Ð½Ð¾Ð³Ð¾ Ñайла пеÑед пÑеобÑазованием, ÑÑÐ¾Ð±Ñ Ð² ÑлÑÑае пÑоблем можно бÑло воÑÑÑановиÑÑ Ð¸ÑÑ Ð¾Ð´Ð½Ñй код.
ÐÑимеÑание: ÐоÑле пÑеобÑÐ°Ð·Ð¾Ð²Ð°Ð½Ð¸Ñ ÐºÐ¾Ð´Ð° в UTF-8, вам Ñакже Ð¼Ð¾Ð¶ÐµÑ Ð¿Ð¾ÑÑебоваÑÑÑÑ Ð¾Ð±Ð½Ð¾Ð²Ð¸ÑÑ Ð½Ð°ÑÑÑойки ÑеÑвеÑа, ÑÑÐ¾Ð±Ñ Ð¾Ð½ оÑпÑавлÑл пÑавилÑнÑе заголовки Ñ Ñказанием кодиÑовки. ÐÑо обеÑпеÑÐ¸Ñ ÐºÐ¾ÑÑекÑное оÑобÑажение ÑекÑÑа на ваÑем ÑайÑе.
Ðак наÑÑÑоиÑÑ Ð²ÐµÑÑÑÐºÑ Ð¿Ð¾Ð´ UTF-8
- УбедиÑеÑÑ, ÑÑо Ð²Ð°Ñ HTML-Ñайл ÑоÑ
Ñанен в кодиÑовке UTF-8.
ÐÑкÑойÑе Ð²Ð°Ñ HTML-Ñайл в ÑекÑÑовом ÑедакÑоÑе и ÑбедиÑеÑÑ, ÑÑо в кодиÑовке Ñказана UTF-8. ÐÑли Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾, ÑÐ¾Ñ ÑаниÑе Ñайл Ñнова в нÑжной кодиÑовке.
- ÐобавÑÑе меÑаÑег Ñ Ñказанием кодиÑовки UTF-8.
ÐобавÑÑе ÑледÑÑÑий меÑаÑег в Ñаздел <head> ваÑего HTML-Ñайла:
<meta charset="UTF-8">
- УкажиÑе кодиÑÐ¾Ð²ÐºÑ Ð² ваÑем CSS-Ñайле.
ÐÑли Ð²Ñ Ð¸ÑполÑзÑеÑе CSS-Ñайл Ð´Ð»Ñ ÑÑилизаÑии ваÑего ÑайÑа, ÑбедиÑеÑÑ, ÑÑо кодиÑовка в ÑÑом Ñайле Ñакже Ñказана как UTF-8. ÐобавÑÑе ÑледÑÑÑÑÑ ÑÑÑÐ¾ÐºÑ Ð² наÑало ваÑего CSS-Ñайла:
@charset "UTF-8";
- ÐÑовеÑÑÑе пÑавилÑноÑÑÑ Ð¾ÑобÑÐ°Ð¶ÐµÐ½Ð¸Ñ ÑекÑÑа.
ÐоÑле внеÑÐµÐ½Ð¸Ñ Ð²ÑÐµÑ Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼ÑÑ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ð¹, ÑбедиÑеÑÑ, ÑÑо ÑекÑÑ Ð½Ð° ваÑем ÑайÑе оÑобÑажаеÑÑÑ ÐºÐ¾ÑÑекÑно. ÐÑовеÑÑÑе, ÑÑо вÑе ÑÑÑÑкие ÑÐ¸Ð¼Ð²Ð¾Ð»Ñ Ð¾ÑобÑажаÑÑÑÑ Ð¿ÑавилÑно и Ð½ÐµÑ Ð·Ð½Ð°ÐºÐ¾Ð² вопÑоÑа или непÑавилÑнÑÑ Ñимволов.
СледÑÑ ÑÑим пÑоÑÑÑм Ñагам, Ð²Ñ ÑможеÑе наÑÑÑоиÑÑ Ð²Ð°ÑÑ Ð²ÐµÑÑÑÐºÑ Ð¿Ð¾Ð´ UTF-8 и иÑполÑзоваÑÑ ÑÑÑÑкий ÑекÑÑ Ð½Ð° ваÑем ÑайÑе без пÑоблем.
Ðакие пÑÐ¾Ð±Ð»ÐµÐ¼Ñ Ð¼Ð¾Ð³ÑÑ Ð²Ð¾Ð·Ð½Ð¸ÐºÐ½ÑÑÑ Ð¿Ñи иÑполÑзовании UTF-8
ÐÑи иÑполÑзовании кодиÑовки UTF-8 могÑÑ Ð²Ð¾Ð·Ð½Ð¸ÐºÐ½ÑÑÑ Ð½ÐµÐºÐ¾ÑоÑÑе пÑоблемÑ, ÑвÑзаннÑе Ñ Ð¾ÑобÑажением и обÑабоÑкой Ñимволов, коÑоÑÑе не поддеÑживаÑÑÑÑ ÑÑой кодиÑовкой.
Ðо-пеÑвÑÑ , одной из оÑновнÑÑ Ð¿Ñоблем ÑвлÑеÑÑÑ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑ Ð½ÐµÐ²ÐµÑного оÑобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ñимволов на веб-ÑÑÑаниÑе. ÐÑли ÑимволÑ, коÑоÑÑе Ð²Ñ Ð¸ÑполÑзÑеÑе, не поддеÑживаÑÑÑÑ UTF-8, Ñо они могÑÑ Ð¾ÑобÑажаÑÑÑÑ Ð½ÐµÐ¿ÑавилÑно или вообÑе не оÑобÑажаÑÑÑÑ Ð½Ð° веб-ÑÑÑаниÑе. ÐÑо Ð¼Ð¾Ð¶ÐµÑ Ð¿ÑивеÑÑи к ÑомÑ, ÑÑо ÑекÑÑ ÑÑÐ°Ð½ÐµÑ Ð½ÐµÑазбоÑÑивÑм и непонÑÑнÑм Ð´Ð»Ñ Ð¿Ð¾Ð»ÑзоваÑелей.
Ðо-вÑоÑÑÑ , пÑи обÑабоÑке ÑекÑÑовÑÑ Ð´Ð°Ð½Ð½ÑÑ Ñ Ð¸ÑполÑзованием UTF-8 могÑÑ Ð²Ð¾Ð·Ð½Ð¸ÐºÐ°ÑÑ Ð¿ÑÐ¾Ð±Ð»ÐµÐ¼Ñ Ñ ÐºÐ¾Ð´Ð¸Ñовкой. ÐапÑимеÑ, пÑи пеÑедаÑе даннÑÑ Ð¼ÐµÐ¶Ð´Ñ ÑазлиÑнÑми ÑиÑÑемами или пÑи обÑабоÑке даннÑÑ Ð½Ð° ÑеÑвеÑе могÑÑ Ð²Ð¾Ð·Ð½Ð¸ÐºÐ½ÑÑÑ Ð¿ÑÐ¾Ð±Ð»ÐµÐ¼Ñ Ñ Ð¿ÐµÑекодиÑовкой Ñимволов. ÐÑо Ð¼Ð¾Ð¶ÐµÑ Ð¿ÑивеÑÑи к иÑÐºÐ°Ð¶ÐµÐ½Ð¸Ñ Ð´Ð°Ð½Ð½ÑÑ Ð¸Ð»Ð¸ поÑеÑе Ð¸Ñ ÑелоÑÑноÑÑи.
ÐÑе одной пÑоблемой пÑи иÑполÑзовании UTF-8 ÑвлÑеÑÑÑ Ð½Ð°ÑÑÑение ÑовмеÑÑимоÑÑи Ñ Ð´ÑÑгими кодиÑовками. ÐÑли Ð²Ñ ÑабоÑаеÑе Ñ Ð´Ð°Ð½Ð½Ñми, коÑоÑÑе бÑли ÑÐ¾Ð·Ð´Ð°Ð½Ñ Ð² дÑÑгой кодиÑовке, Ñо пÑи иÑполÑзовании UTF-8 Ð¼Ð¾Ð¶ÐµÑ Ð²Ð¾Ð·Ð½Ð¸ÐºÐ½ÑÑÑ Ð¿Ñоблема Ñ Ð½ÐµÑовмеÑÑимоÑÑÑÑ Ñимволов. ÐÑо Ð¼Ð¾Ð¶ÐµÑ Ð¿ÑивеÑÑи к ÑомÑ, ÑÑо даннÑе ÑÑанÑÑ Ð½ÐµÐ¿ÑавилÑнÑми или неÑазбоÑÑивÑми.
Ð Ñелом, пÑÐ¾Ð±Ð»ÐµÐ¼Ñ Ð¿Ñи иÑполÑзовании UTF-8 могÑÑ Ð²Ð¾Ð·Ð½Ð¸ÐºÐ°ÑÑ Ð¸Ð·-за непÑавилÑной обÑабоÑки Ñимволов, оÑÑÑÑÑÑÐ²Ð¸Ñ Ð¿Ð¾Ð´Ð´ÐµÑжки опÑеделеннÑÑ Ñимволов или неÑовмеÑÑимоÑÑи Ñ Ð´ÑÑгими кодиÑовками. ÐÐ»Ñ ÑеÑÐµÐ½Ð¸Ñ ÑÑÐ¸Ñ Ð¿Ñоблем Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾ пÑавилÑно наÑÑÑоиÑÑ ÐºÐ¾Ð´Ð¸ÑÐ¾Ð²ÐºÑ Ð½Ð° ÑайÑе и ÑеÑвеÑе, а Ñакже иÑполÑзоваÑÑ ÑооÑвеÑÑÑвÑÑÑие инÑÑÑÑменÑÑ Ð´Ð»Ñ ÑабоÑÑ Ñ ÑекÑÑовÑми даннÑми.