Oc-windows.ru

IT Новости из мира ПК
3 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Не отображаются символы в браузере

Не отображаются символы в браузере

Проблема заключается в следующем: у пользователя на Windows в браузере Google Chrome знак российского рубля не отображался, а вместо него квадратик. Для решения данной проблемы в первую очередь стоит определиться, в чём именно проблема в браузере или в системе. Для исключения проблем в системе Windows следует зайти через любой браузер (Windows Explorer, Mozilla Firefox, Яндекс.Браузер, Safari, Microsoft Edge) на эту страницу или на любую, на которой есть отображение российского рубля и убедиться в наличии или отсутствия корректного отображения этого валютного символа.

Зайдите на эту страницу с разных браузеров: снизу отображён знак российского рубля, в противном случае отобразится квадрат.

Если в других браузерах символ также не отображается, значит, проблема в Windows и браузер Google Chrome функционирует исправно и подобная проблема будет наблюдаться в любом браузере. В этом случае используем вариант решения с обновлением Windows. Если же в альтернативном браузере символ рубля отображается корректно, значит, проблема заключается в Google Chrome и в таком случаем, решаем проблему пересозданием профиля пользователя в браузере.

Проблема отображения символа рубля в Windows

1. Заходим на сайт Microsoft на страницу с обновлением KB2970228 .

2. На сайте компании во второй части материала будут представлены ссылки на обновление в зависимости от системы. Скачиваем их, согласно инструкциям на сайте.

3. По окончанию установки программа обновления предложит перезагрузиться, что и стоит сделать. В ходе выключения системы и включения будет происходит обновление системы Windows. Далее возвращаемся на эту статью и проверяем отображения рубля.

Не отображается знак рубля в Google Chrome.

1. При закрытом Google Chrome заходим в браузер Internet Explorer и вводим в адресной строке вводим:

%LOCALAPPDATA%GoogleChromeUser Data

2. Нас должно перекинуть в папку-хранилище настроек Chrome, в ней нужно переименовать (например в «=Default=») или переместить в другое место папку Default.

3. Открыть Google Chrome и зайти вновь на этот сайт для проверки корректного отображения знака рубля.

4. Проблема должна быть решена, но некоторые элементы старого профиля Google Chrome могут быть очень важны. Рекомендуется файл закладок Bookmarks.bak из старой папки =Default= в новосозданную папку Default переместить и переименовать (удалив одноименный) в Bookmarks (без разрешения). Также рекомендуется перенести папку Login Data.

Стоит предупредить о принципиальном минусе данного обновления: после его установки перестаёт работать правый ALT на клавиатуре. Но это решается, для устранения данного вопроса стоит воспользоваться одним из 2 способов .

Почему у меня не отображаются некоторые символы?

Почему у меня не отображаются некоторые символы, выводятся квадратики, вопросики или вообще ничего не выводится. К сожалению, шрифт который используется в вашей системе, не поддерживает этот символ. Более подробно попробуем объяснить ниже.

Кодировки и шрифты

Кодировка, это соответствие числа в памяти компьютера и отображаемого символа. Вот, например, символ А . Мы видим на экране букву А , а компьютер видит число 1040 . Число 1040 говорит компьютеру, что нужно отрисовать букву А , но не говорит как: жирно, курсивно, с завитушками, какого размера. Начертание не дело кодировки, это дело шрифта.

С точки зрения компьютера, шрифт, это файл, в котором некоторым числам (кодовым позициям) сопоставлены картинки. То есть числу 1040 сопоставлено изображение буквы А . Только одно изображение буквы А . Если нам нужна курсивная буква А , нам нужно использовать другой шрифт, где будут нарисованы курсивные буквы. С засечками или без засечек? Для этого опять нужны разные шрифты. То есть, если у нас для отображения текста используется шрифт Arial-italic, компьютер, встречая число 1040, обращается к шрифту, получает от него изображение (курсивная заглавная буква А без засечек) и выводит его.

Наличие символов в шрифтах

По большому счёту, какие символы рисовать в соответствие каждому числу, на совести разработчика шрифта. Он может вместо буквы «А» нарисовать букву «Б» или вообще что-нибудь неприличное. И компьютер выведет это на экран не моргнув и глазом. Однако, шрифты, которые используются на компьютерах и в интернете обычно делают вменяемые люди и они соответствуют стандартам. То есть буква «Б», вместо буквы «А», скорее всего, не появится.

Другое дело, для всех ли букв в шрифте есть картинки. Стандарт Юникода определяет уже более ста тысяч символов. Среди них очень много таких экзотических, как египетские иероглифы или древневавилонская клинопись. Прорисовывать каждый иероглиф, это с одной стороны слишком утомительно, с другой, файл такого шрифта будет весить десятки мегабайт, что для использования в интернете слишком накладно. Поэтому обычно в шрифте рисуют только ограниченное количество символов — латинские буквы, цифры, основные знаки препинания. Для русских шрифтов ещё и кириллицу. Для арабских — арабские буквы, но кириллицы уже может и не быть.

Поэтому ответ на вопрос «почему при копировании символ не показывается» — на той странице с которой вы копировали и на той, на которую вы скопировали, используются разные шрифты. И если в первом шрифте этот символ отрисован, то во втором его разработчики поленились.

Символы на нашем сайте

Задача нашего сайта, показать все символы Юникода. Поэтому мы используем шрифты, где отрисовано большинство этих символов. И ведём постоянную работу над тем, чтобы нарисовать недостающие. Поэтому, у нас есть и мордочка котика и много другого интересного. Но в других шрифтах на других сайтах этого может не быть.

Читать еще:  Статистика браузеров рунета

Вы можете зайти на страницу символа и посмотреть, как он выглядит в стандартных шрифтах, типа Arial, Times New Roman и других. Если при этом символ не превращается в квадратик, то скорее всего, он будет правильно отображаться на других сайтах.

Проблема ещё в том, что даже такие стандартные шрифты, как Arial, на разных операционных системах могут содержать различное количество символов.

Другая проблема: симпатичная мордочка котика в другом шрифте может оказаться не такой симпатичной.

Программы, не поддерживающие Юникод целиком

Все современные браузеры поддерживают последний стандарт Юникода (более 100 тысяч символов). Но некоторые другие (различные мессенджеры вроде ICQ), могут поддерживать не все символы (обычно, только первые 65 тысяч). Так как мордочка котика не попадает в этот лимит (её код — 128 049), то они не смогут её нормально отобразить.

Пути решения проблемы

Если понравившийся вам символ не отображается на каком-то сайте, то эту проблему не так просто решить. Можно установить себе более полный шрифт, но тогда вы увидите этот символ, а ваши читатели всё равно нет. Можно обратиться к администрации сайта, чтобы они установили новый шрифт.

Самый же радикальный, но работающий вариант — если это возможно, вставлять не символ, а картинку с ним.

  • Твиттер
  • Facebook
  • Вконтакте

Юникод — это зарегистрированная торговая марка консорциума Юникод в США и других странах. Этот сайт никак не связан с консорциумом Юникод. Официальный сайт Юникода располагается по адресу www.unicode.org

Мы используем cookie, чтобы сделать сайт максимально удобным для вас. Подробнее

Непонятные символы на сайте. Как задать кодировку страницы?

Задаём набор символов

Думаю, раз уж я написал про то, как узнать кодировку сайта, то логично описать и то, как вообще её указывать на веб-странице. Но сначала надо описать, для чего это нужно делать.

Возможно, при заходе на какой-нибудь веб-ресурс, вы обнаруживали, что не понимаете, что там написано Лучше сказать, никто не понимает, в том числе и браузер — вместо любого человеческого языка выдаются т.н. «кракозябры».

Суть здесь в том, что браузер не может понять, в какой кодировке показывать текст открытой страницы.

Если кодировка не задана, то браузер может попытаться её угадать, но обычно у него это не получается и можно видеть какие-нибудь такие непонятные символы на сайте:

На картинке выше сделан скриншот заголовка данной статьи при несовпадении кодировки текста и кодировки в браузере. Т.к. тексты всего проекта web-ru.net в UTF-8, а просмотр был произведён в windows-1251, то показаны такие символы.

Как правило, ответственность за верное отображение всех текстов на веб-странице лежит на вебмастере и чтобы избежать этих маленьких проблем, следует сделать простые технические вещи.

Как задать кодировку страницы сайта?

Есть 3 способа сделать это. Но лучше их сразу совместить.

Файл(ы)

Необходимо чтобы файл страницы, или файлы шаблонов (если сайт на движке) были бы все в одной кодировке, например, в UTF-8. Почитайте, как сменить кодировку файла быстро.

Мета-тег

Нужно добавить на каждую страницу (или в шаблон шапки) специальный мета-тег, сообщающий браузеру о том, какой набор символов ему использовать для отображения текстов. Тег этот стандартный и выглядит обычно так:

Надо вставить его в раздел head — лучше в самое начало, сразу после открывающего head:

Через .htaccess (если ничего не помогает)

Обычно первых двух вариантов достаточно и браузеры отображают текст как надо. Но с некоторыми из них могут быть проблемы и поэтому можно прибегнуть к помощи файла .htaccess.

Для этого в нём нужно прописать такую строчку:

Вот и всё. Если вы примените последовательно 3 этих способа задания кодировки на своём проекте, то вероятность того, что всё будет отображено как надо, близка к 100 %.

Как «увидеть», что скрывается за непонятными символами на сайте?

Если вы зашли на веб-страницу, видите «кракозябры» и хотите увидеть нормальный текст, то тут только два пути:

  • сообщить сайтовладельцу, чтобы всё настроил как следует
  • попытаться угадать кодировку самостоятельно. Делается это стандартными средствами браузеров. В Chrome, например, нужно в меню щёлкнуть «Инструменты => Кодировка» и из огромного списка выбрать подходящий набор символов (т.е. угадать).

К счастью, практически все современные веб-проекты делаются в кодировке UTF-8, которая является «универсальной» для разных алфавитов и поэтому всё менее и менее вероятно увидеть эти непонятные символы в Интернет.

Непонятные символы вместо текста в браузере

Здравствуйте, уважаемые читатели, почитатели и прочие хорошие люди!

Случалось ли Вам получать и читать письма на “фиг каком пойми языке” или заходить на какой-нибудь интернет-ресурс и вместо привычных букв видеть сплошные кракозябры? Если да, тогда эта заметка для Вас, ибо в ней мы поговорим о кодировке страниц, её форматах, почему оная возникает и как впредь избежать непонятных иероглифов.

Итак, сегодня нас ждет не легкая софтовая статья, а суровая техническая, так что приготовьтесь: будем немного ударяться в суровые реалии.
Поехали.

Что такое кодировка текста и с чем ее едят?

Начать хотелось бы с того, что этой статьи могло бы и не быть, т.к. компьютерно-юзательная жизнь автора этих строк протекала вполне себе спокойно и достойно. Но вот в один прекрасный день, шляясь по просторам сети Интернет не со своего ПК, я столкнулся с непонятными явлениями на некоторых сайтах. Заходя на интернет-ресурсы, я видел не привычный нам русский алфавит и красивый понятный текст, а какую-то ересь в виде непонятной последовательности символов. Выглядела она примерно вот так (см. изображение).

Читать еще:  Как удалить историю браузера яндекс

Сначала я подумал, что моя любимая Мозилка (браузер Firefox) перегрелась и ей пора вызывать неотложку, но потом начал понимать, что проблема, скорее всего, на стороне ресурса сети и кроется она в неправильно настроенной кодировке. Это действительно оказалось так, и пошаманив немного с бубном, проблемка была оперативно решена. Результатом же всех моих любовных похождений и стал сегодняшний материал. Собственно, поехали разбираться в деталях.

Всю информацию, представленную в цифровом виде и находящуюся в глобальной паутине, нужно рассматривать с двух сторон: первая — со стороны пользователя (красивый и ухоженный текст на экране монитора) и вторая – со стороны поисковой машины (некий программный код, состоящий из различных тегов/метатегов, таблицы символов и прочее).

Если Вы хоть немного знакомы с языком разметки гипертекста ( HTML ), то должны быть в курсе, что сайт глазами поисковых машин (Google, Яндекс ) видится не как обычный текст, а как структурированный документ, состоящий из последовательностей различного рода тегов. Чтобы было понятней, о чем я говорю, давайте взглянем на всеми нами любимый сайт Заметки Сис.Админа ” проекта [ Sonikelf’s Project’s ], но не глазами обычного пользователя, а «глазами» поисковика. Для этого нажимаем сочетание клавиш Сtrl+U (для браузеров Firefox и Chrome ) и видим следующую картину (см. изображение):

Перед нами машинный вариант sonikelf.ru , вот в таком вот непрезентабельном виде он подается поисковым системам и именно в таком виде они его и кушают. Если бы мы просто взяли и “засандалили” варианты статей из блокнота или Word обычным текстом, машины бы им не то что подавились, они бы даже и есть его не стали. Итак, перед нами главная страница проекта в HTML -виде. Обратите внимание на строку с надписью UTF-8 , это не что иное, как пресловутая кодировка текста страницы, именно она и отвечает за формат вывода информации в презентабельном виде, в результате чего через браузер мы видим нормальный текст.

Теперь давайте разберемся, почему же происходит так, что порой на экране монитора мы видим кракозябры. Все очень просто, проблема кроется в открытии файла в неверной кодировке. Если перевести на бытовой язык, то допустим Вас послали в магазин за молоком, а Вы притарабанили хлеб, вроде бы тоже съестное, но совсем другой формат продукта.

Итак, теперь давайте разбираться с теорией и для этого введем некоторые определения.

  1. Кодировка (или “ Charset ”) – соответствие набора символов набору числовых значений. Нужна для “сливания” информации в интернет, т.е. текстовая информация преобразуется в биты данных;
  2. Кодовая страница (“ Codepage ”) – 1 байтовая ( 8 бит) кодировка;
  3. Количество значений, принимаемое 1 байтом – 256 (два в восьмой).

Соответствие “символ-изображение” задается с помощью специальных кодовых таблиц, где каждому символу уже присвоен свой конкретный числовой код. Таких таблиц существует достаточно много, и в разных таблицах один и тот же символ может идентифицироваться по-разному (ему могут соответствовать разные числовые коды).

Все кодировки различаются количеством байт и набором специальных знаков, в которые преобразуется каждый символ исходного текста.

Примечание:
Декодирование – операция, в результате которой происходит преобразование кода символа в изображение. В результате этой операции информация выводится на экран монитора пользователя.

В общем.. С определениями разобрались, а теперь давайте узнаем, какие же (кодировки) бывают.

Виды кодировок текста

А их, в общем-то, хватает.

Одной из самых “древних” считается американская кодировочная таблица ( ASCII , читается как “аски”), принятая национальным институтом стандартов. Для кодировки она использовала 7 битов, в первых 128 значениях размещался английский алфавит (в нижнем и верхнем регистрах), а также знаки, цифры и символы. Она больше подходила для англоязычных пользователей и не была универсальной.

Отечественный вариант кодировки, для которого стали использовать вторую часть кодовой таблицы – символы с 129 по 256 . Заточена под русскоязычную аудиторию.

  • Кодировки семейства MS Windows : Windows 1250-1258 .

8-битные кодировки, появились как следствие разработки самой популярной операционной системы, Windows . Номера с 1250 по 1258 указывают на язык, под который они заточены, например, 1250 – для языков центральной Европы; 1251 – кириллический алфавит.

  • Код обмена информацией 8 бит – КОИ8

KOI8-R, KOI8-U, KOI-7 – стандарт для русской кириллицы в юникс-подобных операционных системах.

Универсальный стандарт кодирования символов, позволяющий описать знаки практически всех письменных языков. Обозначение “ U+xxxx ” (хххх – 16-ричные цифры). Самые распространенные семейства кодировок UTF (Unicode Transformation Format) : UTF-8, 16, 32 .

В настоящее время, как говорится, “рулит” UTF-8 – именно она обеспечивают наилучшую совместимость со старыми ОС , которые использовали 8 -битные символы. В UTF-8 кодировке находятся большинство сайтов в сети Интернет и именно этот стандарт является универсальным (поддержка кириллицы и латиницы).

Разумеется, я привел не все виды кодировок, а только наиболее ходовые. Если же Вы хотите для общего развития знать их все, то полный список можно отыскать в самом браузере. Для этого достаточно пройти в нем на вкладку “ Вид-Кодировка-Выбрать список ” и ознакомиться со всевозможными их вариантами (см. изображение).

Думаю возник резонный вопрос: “ Какого лешего столько кодировок? ”. Их изобилие и причины возникновения можно сравнить с таким явлением, как кроссбраузерность/кроссплатформенность. Это когда один и тот же сайт сайт отображается по-разному в различных интернет-обозревателях и на различных гаджет-устройствах. Кстати у сайта » Заметки Сис.Админа » с этим, как Вы заметили всё в порядке :).

Читать еще:  Всплывающая реклама яндекс браузера

Все эти кодировки – рабочие варианты, созданные разработчиками “под себя” и решение своих задач. Когда же их количество перевалило за все разумные пределы, а в поисковиках стали плодиться запросы типа: “ Как убрать кракозябры в браузере? ” — разработчики стали ломать голову над приведением всей этой каши к единому стандарту, чтобы, так сказать, всем было хорошо. И кодировка Unicode , в общем-то, это “хорошо” и сделала. Теперь если такие проблемы и возникают, то они носят локальный характер, и не знают как их исправить только совсем непросвещенные пользователи (впрочем, часто беда с кодировкой и отображением сайтов появляется из-за того, что веб-мастер указал на стороне сервера некорректный формат, и приходится переключать кодировку в браузере).

Ну вот, собственно, пока вся «базово необходимая» теория, которая позволит Вам “не плавать” в кодировочных вопросах, теперь переходим к практической части статьи.

Решаем проблемы с кодировкой или как убрать кракозябры?

Итак, наша статья была бы неполной, если бы мы не затронули пользовательско-бытовые вопросы. Давайте их и рассмотрим и начнем с того, как (с помощью чего) можно посмотреть кодировку?

В любой операционной системе имеется таблица символов, ее не нужно докачивать, устанавливать – это данность свыше, которая располагается по адресу: “Пуск-программы-стандартные-служебные-таблица символов”. Это таблица векторных форм всех установленных в Вашей операционной системе шрифтов.

Выбрав “дополнительные параметры” (набор Unicode ) и соответствующий тип начертания шрифта, Вы увидите полный набор символов, в него входящих. Кликнув по любому символу, Вы увидите его код в формате UTF-16 , состоящий из 4 -х шестнадцатеричных цифр (см. изображение).

Теперь пара слов о том, как убрать кракозябры. Они могут возникать в двух случаях:

  1. Со стороны пользователя — при чтении информации в интернет (например, при заходе на сайт);
  2. Или, как говорилось чуть выше, со стороны веб-мастера (например, при создании/редактировании текстовых файлов с поддержкой синтаксиса языков программирования в программе Notepad ++ или из-за указания неправильной кодировки в коде сайта).

Рассмотрим оба варианта.

№1. Иероглифы со стороны пользователя.
Допустим, Вы запустили ОС и в каком-то из приложений у Вас отображаются пресловутые каракули. Чтобы это исправить, идем по адресу: “ Пуск — Панель управления — Язык и региональные стандарты — Изменение языка ” и выбираем из списка, » Россия «.

Также проверьте во всех вкладках, чтобы локализация была “ Россия/русский ” – это так называемая системная локаль.

Если Вы открыли сайт и вдруг поняли, что почитать информацию Вам не дают иероглифы, тогда стоит поменять кодировку средствами браузера (“ Вид — Кодировка ”). На какую? Тут все зависит от вида этих кракозябр. Ориентируйтесь на следующую шпаргалку (см. изображение).

№2. Иероглифы со стороны веб-мастера.
Очень часто начинающие разработчики сайтов не придают большого значения кодировке создаваемого документа, в результате чего потом и сталкиваются с вышеозначенной проблемой. Вот несколько простых базовых советов для веб-мастеров, чтобы исправить беду.

Чтобы такого не происходило, заходим в редактор Notepad++ и выбираем в меню пункт “ Кодировки ”. Именно он поможет преобразовать имеющийся документ. Спрашивается, какой? Чаще всего (если сайт на WordPress или Joomla ), то “ Преобразовать в UTF-8 без BOM ” (см. изображение).

Сделав такое преобразование, Вы увидите изменения в строке статуса программы.

Также во избежание кракозябр необходимо принудительно прописать информацию о кодировке в шапке сайта. Тем самым Вы укажите браузеру на то, что сайт стоит считывать именно в прописанной кодировке. Начинающему веб-мастеру необходимо понимать, что чехарда с кодировкой чаще всего возникает из-за несоответствия настроек сервера настройкам сайта, т.е. на сервере в базе данных прописана одна кодировка, а сайт отдает страницы в браузер в совершенной другой.

Для этого необходимо прописать “внаглую” (в шапку сайта, т.е, как частенько, в файл header.php ) между тегами head> /head> следующую строчку:

Прописав такую строчку, Вы заставите браузер правильно интерпретировать кодировку, и иероглифы пропадут.

Также может потребоваться корректировка вывода данных из БД (MySQL). Делается сие так:

mysql_query(‘SET NAMES utf8’ );
myqsl_query(‘SET CHARACTER SET utf8’ );
mysql_query(‘SET COLLATION_CONNECTION=»utf8_general_ci'» ‘);

Как вариант, можно еще сделать ход конём и прописать в файл .htaccess такие вот строчки:

# BEGIN UTF8
AddDefaultCharset utf-8
AddCharset utf-8 *

CharsetSourceEnc utf-8
CharsetDefault utf-8

# END UTF8

Все вышеприведенные методы (или некоторые из них), скорее всего, помогут Вам и Вашим будущим посетителям избавиться от ненавистных иероглифов и проблем с кодировкой. К сожалению, более подробно мы здесь инструкцию по веб-мастерским штукам рассматривать не будем, думаю, что они обязательно разберутся в подробностях при желании (как-никак у нас несколько другая тематика сайта).

Ну, вот и практическая часть статьи закончена, осталось подвести небольшие итоги.

Послесловие

Сегодня мы познакомились с таким понятием, как кодировка текста. Уверен, теперь при возникновении каракулей на мониторе компьютера Вы не спасуете, а вспомните все приведенные здесь методы и решите вопрос в свою пользу!

На сим все, спасибо за внимание и до новых встреч.

Ссылка на основную публикацию
Adblock
detector