Изменение кодировки в html. HTML кодировка. В какую кодировку сохранять web-страницу
15.03.2016
Пока нет
Всем привет!
Продолжаем изучать основы HTML. В этом уроке мы разберем, как указать HTML кодировку
для сайта (веб-страницы).
Этот урок очень важен, так как незнание того, как указать кодировку для веб-страницы может привести к тому, что вашу страницу не смогут прочитать. Вы спросите: «Это как так, не смогут?».
Давайте я покажу, как выглядит мой блог с неправильной кодировкой:
Итак, HTML кодировка
– это таблицы соответствия кодов и символов алфавита. То есть, наш компьютер по кодировке поменяет код на понятные читабельные буквы .
Чтобы сообщить браузеру, в какой кодировке находятся символы веб-страницы, необходимо прописать между тегами
вот такой мета тег:
Обратите внимание, в коде есть слово «имя кодировки». Здесь нужно указать HTML кодировку.
Обычно это utf-8
или windows-1251
.
Кодировка для
utf-8
:
Кодировка
для
windows-1251
:
Если забыть указать браузеру, в какой кодировке сайт или веб-страница, то браузер попытается определить кодировку автоматически, но не всегда у него это выходит правильно. В итог результат будет такой, который я показал на картинке выше.
Переходим к практике.
Как создать HTML документ с
кодировкой utf-8
«Все программы» => «Стандартные» => «Блокнот»
:
</body>
</html>
</p><p> <head></head>
вот этот мета-тег:</p><p>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</p><p>
<html>
<head>
<title> Моя первая HTML-страничка на StepkinBlog..
</body>
</html>
</p><p>Жмите в блокноте <span>«Файл» => «Сохранит как…»
</span>:</p>
<p><img src='https://i2.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-3.png' width="100%" loading=lazy></p><p><br>
Там, где пункт «Кодировка:»
укажите «UTF-8»
.<br>
Жмите «Сохранить»
:</p>
<p><img src='https://i2.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-4.png' width="100%" loading=lazy></p><p>Увеличить изображение?</p>
<h3><span>Как создать HTML документ с кодировкой windows-1251
</span></h3>
<p>Открывайте стандартный блокнот. <span><i>«Все программы» => «Стандартные» => «Блокнот»
</i>
</span>.<br>
Далее вставляете в блокнот стандартный код HTML:</p><p>
<html>
<head>
<title> Моя первая HTML-страничка на StepkinBlog..
</body>
</html>
</p><p>Теперь указываем, в какой кодировке сохранена веб-страница. Для этого разместите между тегами <head></head>
вот этот мета-тег:</p><p>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</p><p>Вот так должно получиться (строка №4
):</p><p>
<html>
<head>
<title> Моя первая HTML-страничка на StepkinBlog..
</body>
</html>
</p><p>Жмите в блокноте <span>«Файл» => «Сохранит как…»
</span>:</p>
<p><img src='https://i1.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-5.png' width="100%" loading=lazy></p>
<p>Там, где пункт «Имя файла»
напишите название веб-страницы на латинице и с расширением «.html»
. Я думю, вы это помните еще с первых уроков.<br>
Там, где пункт «Кодировка:»
укажите «ANSI»
.<br>
Жмите «Сохранить»
:</p>
<p><img src='https://i1.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-6.png' width="100%" loading=lazy></p>
<p>Вот и все!</p>
<p>Большинство вебмастеров выбирают кодировку UTF-8
. Причины говорить не буду, так как боюсь нагрузить вас информацией, которая на вашем этапе познания HTML еще не нужна.</p>
<p>Для примера в блокнте установите код:</p><p>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</p><p>И укажите при сохранении «ANSI»
:</p>
<p><img src='https://i1.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-6.png' width="100%" loading=lazy></p>
<p>Так как это неправильно, результат будет вот таким:</p>
<p>Сохраняйте правильно ваши веб-страници во избежание вот таких результатов </p>
<p>Предыдущая запись <br></span>
<span>Следующая запись <br></p>
<p>Декодером, чтобы узнать <b>кодировку
</b> <b>файла
</b> и раскодировать символы. Для этого откройте программу-браузер, перейдите по ссылке <i>http://www.artlebedev.ru/tools/decoder/
</i>. Данный декодер был создан для раскодировки сообщений электронной почты, чтобы помочь пользователям прочитать непонятные почтовые сообщения.</p> <p>Чтобы узнать <b>кодировку
</b> текста, скопируйте его в буфер обмена, далее нажмите в поле декодера правую кнопку мыши и выберите команду «Вставить». Далее нажмите на кнопку «Расшифровать». В поле появится раскодированный текст, а ниже на странице будет указана исходная кодировка и та кодировка, в которую текст был перекодирован.</p> <p>Скачайте специальную программу для определения кодировки, а также для перекодирования текста, например, программу Tcode. Для этого перейдите по ссылке <i>http://it.sander.su/download.php
</i>, нажмите ссылку TCode, дождитесь загрузки <b>файла
</b>. После завершения закачки распакуйте архив в любую папку, запустите исполняемый файл.</p> <p>Вставьте текст из <b>файла
</b>, для которого необходимо узнать <b>кодировку
</b>, либо выберите кнопку на панели инструментов «Открыть файл». Далее нажмите кнопку внизу экрана «Перекодировать». Текст из <b>файла
</b> будет автоматически перекодирован в нужную <b>кодировку
</b>. Исходная кодировка отобразится в строке состояния, а также будет отображен процент распознавания символов. При наведении на эту строку можно определить, какие символы не были программой.</p> <p>Установите программу AkelPad, способную распознавать кодировки файлов. Для этого перейдите по ссылке <i>http://akelpad.sourceforge.net/ru/download.php
</i> и выберите нужную версию для загрузки. После установки запустите программу. Вставьте текст из <b>файла
</b> для определения кодировки.</p> <p>Выберите меню «Кодировка» и команду «Определить <b>кодировку
</b>» либо вызовите данную команду сочетанием клавиш Alt+F5. Появится окно, в котором будет указана исходная кодировка, а также предложена возможность перекодирования текста в нужную для прочтения текста <b>кодировку
</b>.</p> <p>Источники:</p> <ul><li>Кодировка текста ASCII</li>
</ul> <p>Иногда требуемый файл или веб-страница не открывается, а при ее отображении видны только непонятные символы. Бывают случаи, когда текстовый редактор или браузер не может определить необходимую <b>кодировку
</b>. В таком случае ее приходится подбирать самому при помощи дополнительных утилит.</p> <p>Вам понадобится</p> <ul><li>Текстовый редактор, работающий с большим числом кодировок, или программа-декодер.</li>
</ul><p>Инструкция</p> <p>Если файл некорректно открылся в одном редакторе, это вовсе не , что он имеет неправильную <b>кодировку
</b>. Стоит попробовать тот же файл в программе. Одной из утилит, которые в большинстве случаев точно определяют необходимый набор символов, является редактор Notepad++.</p> <p>Также существуют , которые способны расшифровывать русские тексты в разных кодировках. Несомненно, лидером является приложение «Штирлиц» для Windows. Оно знает практически все кодовые и знает множество методов транслитерации. Более того эта программа способна производить операции трансформации текста из исходного формата в любой другой.</p> <p>В Linux, чтобы открыть какой-либо файл, содержащий незнакомую <b>кодировку
</b>, можно воспользоваться некоторыми консольными командами преобразования или готовыми программами. Под QT существует приложение QTexTransformer, которое поможет определить кодировки и произвести соответствующие преобразования.Под Linux существует множество лингвистических модулей, написанных на Perl. Например, Lingua DetectCharset или DetectCyrillic (для определения кириллических символов). Хорошо отображает файлы Windows программа mousepad. Для конвертирования также можно воспользоваться консольной «econv путь_до_файла», которая самостоятельно определит текущую <b>кодировку
</b> и преобразует ее к текущей локали.</p> <p>Полезный совет</p> <p>Хорошо с выбором нужной кодировки справляется текстовый процессор Word. Даже если файл не открылся в других редакторах, в нем сработает функция «Автовыбор».</p> <p>Источники:</p> <ul><li><i>Один из самых известных декодеров текста в 2019
</i></li>
</ul> <p>Наверное, каждый хоть раз сталкивался с такой проблемой, как неверно определенная кодировка . На электронный почтовый ящик приходит письмо с «нечитаемыми» символами вместо обычных русских букв или вам передают текстовый документ, а прочитать его не представляется возможным, поскольку он заполнен непонятными «каракулями». Все эти случаи – примеры неверно определенной кодировки, то есть отправитель пользовался одной кодировкой при создании послания или документа, а вы пытаетесь открыть текст в другой.</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/6/27/1_525505abc7ff2525505abc802b.jpg' width="100%" loading=lazy></p> <p>Вам понадобится</p> <ul><li>Компьютер под управлением операционной системы, доступ в интернет, текстовый редактор (например, AkelPad)</li>
</ul><p>Инструкция</p> <p>Для определения можно воспользоваться несколькими способами. Один из них – специальными -сервисами по определению кодировке в . К примеру, зайдите на сайт <i>http://charset.ru/
</i>, в специальное поле вставьте «нечитаемый» и нажмите кнопку «Раскодировать».</p> <p>Попробуйте определить кодировку автоматически с помощью текстового редактора. Дело в том, что многие текстовые редакторы (например, AkelPad) могут автоматически распознать кодировку «нечитаемого» . Для этого выберите в верхнем меню «Кодировки» - «Определить кодировку» или же нажмите ALT+F5 (в текстовом редакторе AkelPad).</p> <p>Источники:</p> <ul><li><i>AkelPad
</i></li>
</ul> <p>Текст в файле, электронном письме, на веб-странице может быть набран на любом языке и сохранен в различной компьютерной кодировке. Дело состоит не только в многообразии современных кодировок, которые более-менее упорядочены, но и хранении документов, представляющих в первую очередь историческую ценность. Также встречаются случаи, когда документ несколько раз был сохранен в различных кодировках. Если текст открывается в виде непонятного набора символов, его необходимо привести в вид, доступный для чтения.</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/2/1_525505d5c3335525505d5c339a.jpg' width="100%" loading=lazy></p>
<p>Задаём набор символов</p>
<h3>Мета-тег</h3>
<p>Нужно добавить на каждую страницу (или в шаблон шапки) специальный мета-тег, сообщающий браузеру о том, какой набор символов ему использовать для отображения текстов. Тег этот стандартный и выглядит обычно так:</p>
<blockquote><p><meta http-equiv=»Content-Type» content=»text/html; <b>charset=UTF-8
</b>» /></p>
</blockquote>
<blockquote><p><meta <b>charset=»utf-8″
</b> /> (вариант для HTML 5)</p>
</blockquote>
<p>Надо вставить его в раздел <head></head> —
лучше в самое начало, сразу после открывающего <head>:</p>
<p><img src='https://i0.wp.com/web-ru.net/wp-content/uploads/2012/11/meta-teg-charset.png' width="100%" loading=lazy></p><p>Мета-тег кодировки</p>
<h3>Через.htaccess (если ничего не помогает)</h3>
<p>Обычно первых двух вариантов достаточно и браузеры отображают текст <i>как надо
</i>. Но с некоторыми из них могут быть проблемы и поэтому можно прибегнуть к помощи <i>файла.htaccess
</i>.</p>
<p>Для этого в нём нужно прописать такую строчку:</p>
<blockquote><p>AddDefaultCharset utf-8</p>
</blockquote>
<p>Вот и всё. Если вы примените последовательно 3 этих способа задания кодировки на своём проекте, то вероятность того, <i>что всё будет отображено как надо
</i>, близка к 100 %.</p>
<h2>Как «увидеть», что скрывается за непонятными символами на сайте?</h2>
<p>Если вы зашли на веб-страницу, видите «кракозябры» и хотите увидеть нормальный текст, то тут только два пути:</p>
<ul><li>сообщить сайтовладельцу, чтобы всё настроил как следует</li>
<li>попытаться угадать кодировку самостоятельно. Делается это стандартными средствами браузеров. В Chrome, например, нужно в меню щёлкнуть <span><i>«Инструменты => Кодировка»
</i>
</span> и из огромного списка выбрать подходящий набор символов (т.е. угадать).</li>
</ul><p>К счастью, практически все современные веб-проекты делаются в кодировке UTF-8, которая является «универсальной» для разных алфавитов и поэтому всё менее и менее вероятно увидеть эти непонятные символы в Интернет.</p>
<p>Первая серьёзная проблема, с которой сталкиваются большинство новичков при , связана с набором символов (англ. <i>character set
</i>). Выражается эта проблема с кодировкой в, так называемых, «кракозябриках», которые мы получаем вместо указанных в HTML-файле символов. В данной статье я хочу остановиться на проблеме с кодировкой подробнее, постараться расставить всё по полочкам и дать варианты решения.</p>
<ul><li>Что такое кодировка?</li>
<li>Кодировка файла <span>(редактирование в Notepad++)
</span></li>
<li>Кодировка отображения <span>(просмотр в браузере)
</span></li>
<li>Как указать кодировку HTML-страницы? (метатег charset)
</li>
<li>Всё ещё есть проблема с кодировкой? (header charset в php)
</li>
</ul><h2>Что такое кодировка?</h2>
<p>Условно говоря, каждый <b>символ
</b> (знак)
состоит из <i>кода
</i> и <i>картинки
</i>. Здесь <b>код
</b> - это уникальный идентификатор символа в наборе символов, который определяется выбранной <i>кодировкой
</i>, а <b>картинка
</b> - это визуальное представление символа, которое содержится в <i>файле шрифта
</i> в соответствующей коду символа ячейке.</p>
<p>Другими словами, <b>кодировка
</b> (англ. <i>charset
</i>)
- это набор взаимосвязей
<i>кодов символов
</i> с их <i>визуальными представлениями
</i> в шрифте.</p>
<h2>Кодировка файла</h2>
<p>HTML-страница представляет собой обычный текстовый файл, кодировка которого выбирается при его создании и/или сохранении на запоминающее устройство <span>(жёсткий диск, флэшка и т.д.)
</span>.</p>
<p>В случае с Notepad++, кодировка нового документа задаётся в настройках текстового редактора. Выбираем в меню: <b>Опции > Настройки…
</b> - и переходим на вкладку «<b>Новый документ
</b>». Здесь нас интересует секция «<i>Кодировка
</i>». По умолчанию, выбрана кодировка <i>ANSI
</i>.</p>
<p>Напомню, что это кодировка, в которой будет храниться HTML-файл.</p>
<p>Впрочем, Вы всегда можете <span>преобразовать кодировку
</span> HTML-страницы, используя соответствующие функции текстового редактора. Например, в Notepad++ для этого кликните пункт меню «<b>Кодировки
</b>» и выберите нужное преобразование.</p>
<p><img src='https://i2.wp.com/chuvyr.ru/-oDOjDR14ot8/U7vZU9NYMaI/AAAAAAAAZNE/WaXRT9vXL7Y/s400/notepad-charset-change.jpg' height="295" width="287" loading=lazy></p>
<p>В данном случае файл был в кодировке <i>ANSI
</i> и я преобразовал его в <i>UTF-8
</i> (без BOM)
. О том, что такое этот BOM Вы можете прочитать в моей статье: PHP: как удалить BOM в WordPress - проследовав по .</p>
<h2>Кодировка отображения</h2>
<p>Важно разделять <i>кодировку файла
</i> и <i>кодировку отображения
</i>. Независимо от того, в какой кодировке хранится файл, он может быть отображен и в любой другой кодировке. Это и является одной из причин проблем с кодировкой.</p>
<p>Например, если Вы сохранили HTML-страницу в кодировке <i>ANSI
</i> и откроете её в браузере, вместо русских символов Вы можем получить, так называемые, «кракозябрики».</p>
<p><img src='https://i0.wp.com/chuvyr.ru/-P5h0Z5xte0s/U7vZo0OXa0I/AAAAAAAAZNM/5oSKUbLjC0E/s400/firefox-charset.jpg' width="100%" loading=lazy></p>
<p>В данном случае нам надо убедиться, что <i>кодировка файла
</i> совпадает
с <i>кодировкой отображения
</i> файла в браузере. Для этого в Firefox кликните иконку меню, а потом пункт «<b>Кодировка
</b>». Если такого у Вас нет, кликните пункт «<b>Изменить
</b>» и добавьте элемент «<b>Кодировка
</b>» в меню.</p>
<p><img src='https://i2.wp.com/chuvyr.ru/-Dlx_WN2VPx0/U7vaAQYundI/AAAAAAAAZNY/OnOaTmPw9PU/s400/firefox-charset-change.jpg' width="100%" loading=lazy></p>
<p>Как вы видите, браузер отображает файл в кодировке «<i>Юникод
</i>» <span>(например, <i>UTF-8
</i>)
</span>, в то время как файл был сохранён в кодировке <i>ANSI
</i> <span>(например, <i>Windows-1251
</i>)
</span>. Выбрав нужную кодировку, мы получим нужный нам результат.</p>
<p><img src='https://i1.wp.com/chuvyr.ru/-VA94VKf8QK8/U7vaRkZxXuI/AAAAAAAAZNg/snqCa4eYLb4/s400/firefox-charset-ok.jpg' width="100%" loading=lazy></p>
<p>В случае с Notepad++ также имеется возможность выбора кодировки отображения. Для этого кликните пункт меню «<b>Кодировки
</b>», а потом нужный вариант используемой для отображения кодировки.</p>
<p><img src='https://i0.wp.com/chuvyr.ru/-SLzkEw5RbXo/U7vafO2V1pI/AAAAAAAAZNo/RxtTbvxKi5Y/s400/notepad-charset-show.jpg' height="295" width="287" loading=lazy></p>
<p>В данном случае я изменил кодировку отображения <i>ANSI
</i> на <i>UTF-8
</i> (без BOM)
.</p>
<h2>Как указать кодировку HTML-страницы?</h2>
<p>И так, мы уже разобрались с тем, что такое кодировка и в чём состоит отличие кодировки файла и кодировки отображения. Теперь нам нужно решить проблему с кодировкой, которая заключается в <b>неправильной интерпретации
</b> браузером <span>(или любым другим клиентом)
</span> кодировки HTML-страницы.</p>
<p><b>Почему возникают проблемы с кодировкой?
</b> Определить кодировку HTML-страницы не просто, а зачастую и не возможно, т.к. у того же браузера нет информации о ней или она указана неправильно.</p>
<p>Для того чтобы указать кодировку HTML-страницы используется специальный метатег. В HTML5 он имеет следующий урезанный вид:</p>
<p><meta charset="UTF-8"></p>
<p>В данном случае указана кодировка <i>UTF-8
</i> (Юникод)
.</p>
<p>В более старых версиях HTML этот метатег имеет следующий вид:</p>
<p><meta content="text/html; charset=Windows-1251" http-equiv="Content-Type"></p>
<p>Этот метатег создаёт HTTP-заголовок Content-Type , в котором указывается тип документа text/html и его кодировка Windows-1251 (ANSI)
.</p>
<p>Лично я рекомендую использовать именно этот вариант, т.к. с ним будет меньше всего проблем. Главное чтобы такой метатег присутствовал в секции HEAD
, и указанная в нём кодировка соответствовала кодировке файла. В большинстве случаев этого будет достаточно.</p>
<h2>Всё ещё есть проблема с кодировкой?</h2>
<p>В некоторых случаях указать метатег с кодировкой HTML-страницы будет недостаточно. Такая проблема может быть вызвана настройками самого сервера, на котором находится файл HTML-страницы. Дело в том, что сервер способен выдавать <b>свой
</b> HTTP-заголовок Content-Type , который будет, условно говоря, иметь приоритет перед метатегом.</p>
<p>В данном случае эту проблему можно решить путём внесения изменений в настройки сервера. Я не буду вдаваться в детали данного вопроса и порекомендую лишь отключать всю эту перекодировку через файл <i>.htaccess
</i>, например:</p>
<p>CharsetDisable Off</p>
<p>Также можно производить изменения HTTP-заголовка Content-Type и программными средствами. В том же PHP для этого используется функция header() , например:</p>
<p><?php<br>header("Content-Type: text/html; charset=UTF-8");</p>
<p>Обращаю Ваше внимание на то, что указание HTTP-заголовков должно идти <b>до
</b> вывода какой-то информации на экран, в противном случае Вы получите сообщение об ошибке.</p>
<p>Позже <b>ASCII
</b> была расширена (изначально она не использовала все 8 бит), поэтому появилась возможность использовать уже не 128, а 256 (2 в 8 степени) различных символов, которые можно закодировать в одном байте информации.<br>
Такое усовершенствование позволило добавлять в кодировку <b>ASCII
</b> символы национальных языков разных стран, помимо уже существующей латиницы.<br>
Вариантов расширенной кодировки <b>ASCII
</b> существует очень много по причине того, что языков в мире тоже немало. Думаю, что многие из вас слышали о такой кодировке, как KOI8 (Код Обмена Информацией, 8 бит) — это тоже расширенная кодировка <b>ASCII
</b>. KOI8 включала в себя цифры, буквы латинского и русского алфавита, а также знаки пунктуации, спецсимволы и псевдографику.</p>
<h2>Кодировка ISO</h2>
<p>Организация Международных стандартов (International Standards Organization) создала диапазон кодировок для различных алфавитов/языков.</p>
<table class="table table-bordered"><h3>Кодировки серии ISO 8859</h3>
<tbody><tr><th style="width:150px">Кодировка
</th>
<th>Описание
</th>
</tr><tr><td>ISO 8859-1 (Latin-1)
</td>
<td>Расширенная латиница, включающая символы большинства западноевропейских языков (английский, датский, ирландский, исландский, испанский, итальянский, немецкий, норвежский, португальский, ретороманский, фарерский, шведский, шотландский (гэльский) и частично голландский, финский, французский), а также некоторых восточноевропейских (албанский) и африканских языков (африкаанс, суахили). В Latin-1 отсутствуют знак евро и заглавная буква Ÿ. Эта кодовая страница считается кодировкой по умолчанию для HTML-документов и сообщений электронной почты. Также этой кодовой странице соответствуют первые 256 символов Юникода.
</td>
</tr><tr><td>ISO 8859-2 (Latin-2)
</td>
<td>Расширенная латиница, включающая символы центральноевропейских и восточноевропейских языков (боснийский, венгерский, польский, словацкий, словенский, хорватский, чешский). В Latin-2, как и в Latin-1, отсутствуют знак евро.
</td>
</tr><tr><td>ISO 8859-3 (Latin-3)
</td>
<td>Расширенная латиница, включающая символы южноевропейских языков (мальтийский, турецкий и эсперанто).
</td>
</tr><tr><td>ISO 8859-4 (Latin-4)
</td>
<td>Расширенная латиница, включающая символы североевропейских языков (гренландский, эстонский, латышский, литовский и саамские языки).
</td>
</tr><tr><td>ISO 8859-5 (Latin/Cyrillic)
</td>
<td>Кириллица, включающая символы славянских языков (белорусский, болгарский, македонский, русский, сербский и частично украинский).
</td>
</tr><tr><td>ISO 8859-6 (Latin/Arabic)
</td>
<td>Символы, используемые в арабском языке. Символы других языков с письмом на основе арабского не поддерживаются. Для корректного отображения текста в кодировке ISO 8859-6 требуется поддержка двунаправленного письма и контекстно-зависимых форм символов.
</td>
</tr><tr><td>ISO 8859-7 (Latin/Greek)
</td>
<td>Символы современного греческого языка. Может использоваться также для записи древнегреческих текстов в монотонической орфографии.
</td>
</tr><tr><td>ISO 8859-8 (Latin/Hebrew)
</td>
<td>Символы современного иврита. Используется в двух вариантах: с логическим порядком следования символов (требует поддержки двунаправленного письма) и с визуальным порядком следования символов.
</td>
</tr><tr><td>ISO 8859-9 (Latin-5)
</td>
<td>Вариант Latin-1, в котором редко используемые символы исландского языка заменены на турецкие. Используется для турецкого и курдского языков.
</td>
</tr><tr><td>ISO 8859-10 (Latin-6)
</td>
<td>Вариант Latin-4, более удобный для скандинавских языков.
</td>
</tr><tr><td>ISO 8859-11 (Latin/Thai)
</td>
<td>Символы тайского языка.
</td>
</tr><tr><td>ISO 8859-13 (Latin-7)
</td>
<td>Вариант Latin-4, более удобный для балтийских языков.
</td>
</tr><tr><td>ISO 8859-14 (Latin-8)
</td>
<td>Расширенная латиница, включающая символы кельтских языков, таких как шотландский (гэльский) и бретонский.
</td>
</tr><tr><td>ISO 8859-15 (Latin-9)
</td>
<td>Вариант Latin-1, в котором редко используемые символы заменены на необходимые для полной поддержки финского, французского и эстонского языков. Кроме того, в Latin-9 был добавлен знак евро.
</td>
</tr><tr><td>ISO 8859-16 (Latin-10)
</td>
<td>Расширенная латиница, включающая символы южноевропейских и восточноевропейских (албанский, венгерский, итальянский, польский, румынский, словенский, хорватский), а также некоторых западноевропейских языков (ирландский в новой орфографии, немецкий, финский, французский). Как и в Latin-9, в Latin-10 был добавлен знак евро.
</td>
</tr></tbody></table><p>Для документов на английском и большинстве других западноевропейских языков, широко поддерживается кодирование <b>ISO-8859-1
</b>.</p>
<p>В HTML <b>ISO-8859-1
</b> является кодировкой по умолчанию (в XHTML и в HTML5 кодировкой по умолчанию является UTF-8).<br>
При использовании кодировки страницы, отличной от ISO-8859-1, вам необходимо указать это в теге <b><meta>
</b>.</p>
<h3>Для HTML4:</h3>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<h3>Для HTML5:</h3>
<meta charset="UTF-8">
<p>Примером ANSI-кодировки является всем известная <b>Windows-1251
</b>.</p>
<p><b>Windows-1251
</b> выгодно отличается от других 8 битных кириллических кодировок (таких как CP866 и ISO 8859-5) наличием практически всех символов, использующихся в русской типографике для обычного текста (отсутствует только знак ударения). Она также содержит все символы для других славянских языков: украинского, белорусского, сербского, македонского и болгарского.<br>
Ниже приведены десятичные значения символов кодировки <b>Windows-1251
</b>.</p>
<p>Для отображения символов таблицы в HTML-документе воспользуйтесь следующим синтаксисом:</p><p>
&# + код + ;
</p><table class="table table-bordered" style="text-align: center; font-family: monospace; "><h3>Кодировка Windows-1251 (CP1251)</h3>
<tr><th>
</th>
<th>.0
</th>
<th>.1
</th>
<th>.2
</th>
<th>.3
</th>
<th>.4
</th>
<th>.5
</th>
<th>.6
</th>
<th>.7
</th>
<th>.8
</th>
<th>.9
</th>
<th>.A
</th>
<th>.B
</th>
<th>.C
</th>
<th>.D
</th>
<th>.E
</th>
<th>.F
</th>
</tr><tr><th> <br>
8.<br></th>
<td>Ђ
<br>
402
</td>
<td>Ѓ
<br>
403
</td>
<td>‚
<br>
201A
</td>
<td>ѓ
<br>
453
</td>
<td>„
<br>
201E
</td>
<td>…
<br>
2026
</td>
<td>†
<br>
2020
</td>
<td>‡
<br>
2021
</td>
<td>€
<br>
20AC
</td>
<td>‰
<br>
2030
</td>
<td>Љ
<br>
409
</td>
<td>‹
<br>
2039
</td>
<td>Њ
<br>
40A
</td>
<td>Ќ
<br>
40C
</td>
<td>Ћ
<br>
40B
</td>
<td>Џ
<br>
40F
</td>
</tr><tr><th> <br>
9.<br></th>
<td>ђ
<br>
452
</td>
<td>‘
<br>
2018
</td>
<td>’
<br>
2019
</td>
<td>“
<br>
201C
</td>
<td>”
<br>
201D
</td>
<td><br>
2022
</td>
<td>–
<br>
2013
</td>
<td>-
<br>
2014
</td>
<td>
</td>
<td>™
<br>
2122
</td>
<td>љ
<br>
459
</td>
<td>›
<br>
203A
</td>
<td>њ
<br>
45A
</td>
<td>ќ
<br>
45C
</td>
<td>ћ
<br>
45B
</td>
<td>џ
<br>
45F
</td>
</tr><tr><th> <br>
A.<br></th>
<td><br>
A0
</td>
<td>Ў
<br>
40E
</td>
<td>ў
<br>
45E
</td>
<td>Ј
<br>
408
</td>
<td>¤
<br>
A4
</td>
<td>Ґ
<br>
490
</td>
<td>¦
<br>
A6
</td>
<td>§
<br>
A7
</td>
<td>Ё
<br>
401
</td>
<td>©
<br>
A9
</td>
<td>Є
<br>
404
</td>
<td>«
<br>
AB
</td>
<td>¬
<br>
AC
</td>
<td>
<br>
AD
</td>
<td>®
<br>
AE
</td>
<td>Ї
<br>
407
</td>
</tr><tr><th> <br>
B.<br></th>
<td>°
<br>
B0
</td>
<td>±
<br>
B1
</td>
<td>І
<br>
406
</td>
<td>і
<br>
456
</td>
<td>ґ
<br>
491
</td>
<td>µ
<br>
B5
</td>
<td>¶
<br>
B6
</td>
<td>·
<br>
B7
</td>
<td>ё
<br>
451
</td>
<td>№
<br>
2116
</td>
<td>є
<br>
454
</td>
<td>»
<br>
BB
</td>
<td>ј
<br>
458
</td>
<td>Ѕ
<br>
405
</td>
<td>ѕ
<br>
455
</td>
<td>ї
<br>
457
</td>
</tr><tr><th> <br>
C.<br></th>
<td>А
<br>
410
</td>
<td>Б
<br>
411
</td>
<td>В
<br>
412
</td>
<td>Г
<br>
413
</td>
<td>Д
<br>
414
</td>
<td>Е
<br>
415
</td>
<td>Ж
<br>
416
</td>
<td>З
<br>
417
</td>
<td>И
<br>
418
</td>
<td>Й
<br>
419
</td>
<td>К
<br>
41A
</td>
<td>Л
<br>
41B
</td>
<td>М
<br>
41C
</td>
<td>Н
<br>
41D
</td>
<td>О
<br>
41E
</td>
<td>П
<br>
41F
</td>
</tr><tr><th> <br>
D.<br></th>
<td>Р
<br>
420
</td>
<td>С
<br>
421
</td>
<td>Т
<br>
422
</td>
<td>У
<br>
423
</td>
<td>Ф
<br>
424
</td>
<td>Х
<br>
425
</td>
<td>Ц
<br>
426
</td>
<td>Ч
<br>
427
</td>
<td>Ш
<br>
428
</td>
<td>Щ
<br>
429
</td>
<td>Ъ
<br>
42A
</td>
<td>Ы
<br>
42B
</td>
<td>Ь
<br>
42C
</td>
<td>Э
<br>
42D
</td>
<td>Ю
<br>
42E
</td>
<td>Я
<br>
42F
</td>
</tr><tr><th> <br>
E.<br></th>
<td>а
<br>
430
</td>
<td>б
<br>
431
</td>
<td>в
<br>
432
</td>
<td>г
<br>
433
</td>
<td>д
<br>
434
</td>
<td>е
<br>
435
</td>
<td>ж
<br>
436
</td>
<td>з
<br>
437
</td>
<td>и
<br>
438
</td>
<td>й
<br>
439
</td>
<td>к
<br>
43A
</td>
<td>л
<br>
43B
</td>
<td>м
<br>
43C
</td>
<td>н
<br>
43D
</td>
<td>о
<br>
43E
</td>
<td>п
<br>
43F
</td>
</tr><tr><th> <br>
F.<br></th>
<td>р
<br>
440
</td>
<td>с
<br>
441
</td>
<td>т
<br>
442
</td>
<td>у
<br>
443
</td>
<td>ф
<br>
444
</td>
<td>х
<br>
445
</td>
<td>ц
<br>
446
</td>
<td>ч
<br>
447
</td>
<td>ш
<br>
448
</td>
<td>щ
<br>
449
</td>
<td>ъ
<br>
44A
</td>
<td>ы
<br>
44B
</td>
<td>ь
<br>
44C
</td>
<td>э
<br>
44D
</td>
<td>ю
<br>
44E
</td>
<td>я
<br>
44F
</td>
</tr></table><h2>Кодировки стандарта UNICODE</h2>
<p>Юникод (англ. Unicode) — стандарт кодирования символов, позволяющий представить знаки почти всех письменностей мира, и специальных символов. Представляемые в юникоде символы кодируются целыми числами без знака. Юникод имеет несколько форм представления символов в компьютере: UTF-8, UTF-16 (UTF-16BE, UTF-16LE) и UTF-32 (UTF-32BE, UTF-32LE). (Англ. Unicode transformation format - UTF).<br><b>UTF-8
</b> — это в настоящее время распространённая кодировка, которая нашла широкое применение в операционных системах и веб-пространстве. Текст, состоящий из символов Unicode с номерами меньше 128 (область с кодами от U+0000 до U+007F), содержит символы набора <b>ASCII
</b> с соответствующими кодами. Далее расположены области знаков различных письменностей, знаки пунктуации и технические символы. Под символы кириллицы выделены области знаков с кодами от U+0400 до U+052F, от U+2DE0 до U+2DFF, от U+A640 до U+A69F.</p>
<p>Кодировка <b>UTF-8
</b> является универсальной и имеет внушительный резерв на будущее. Это делает ее наиболее удобной кодировкой для использования в интернете.</p>
<br><br>
Please enable JavaScript to view the
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy>");</script>
</div>
</article>
<div class="related-posts">
<h3 class="title text-uppercase text-center">Еще на эту тему:</h3>
<div class="row">
<div class="post article-wrp with-border col-sm-6 col-md-4">
<div class="article-in-loop">
<a class="thumb-title" href="/top-programm-dlya-udaleniya-draiverov-skachat-driver-sweeper/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i2.wp.com/pc-assistent.ru/wp-content/uploads/2017/06/driver_sweeper_200x175.png" class="img-responsive" alt="Скачать Driver Sweeper – программа для удаления драйверов из OC Windows Скачать программу для удаления драйверов карты" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
</span>
<span class="title">
Скачать Driver Sweeper – программа для удаления драйверов из OC Windows Скачать программу для удаления драйверов карты </span>
</a>
</div>
</div>
<div class="post article-wrp with-border col-sm-6 col-md-4">
<div class="article-in-loop">
<a class="thumb-title" href="/vykidyvaet-na-rabochii-stol-sniper-elite-v2-vykidyvaet-na-rabochii-stol-sniper-elite-v2-chto/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i2.wp.com/i.rutab.net/upload/tech_issues/audio_check.png" class="img-responsive" alt="Выкидывает на рабочий стол Sniper Elite V2 Что делать если лагает sniper elite 3" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
</span>
<span class="title">
Выкидывает на рабочий стол Sniper Elite V2 Что делать если лагает sniper elite 3 </span>
</a>
</div>
</div>
<div class="post article-wrp with-border col-sm-6 col-md-4">
<div class="article-in-loop">
<a class="thumb-title" href="/kak-naiti-kartinu-po-fotografii-poisk-pohozhei-fotografii-v-internet-poisk/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i2.wp.com/kompukter.ru/wp-content/uploads/2018/03/klikaem-po-znachku-foto-v-gugl.png" class="img-responsive" alt="Поиск похожей фотографии в интернет" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
</span>
<span class="title">
Поиск похожей фотографии в интернет </span>
</a>
</div>
</div>
</div>
</div>
</div>
<aside id="sidebar" class="col-sm-4 col-sidebar hidden-xs" role="complementary">
<div class="content-menu bs-docs-sidebar">
<div class="progress-right" id="progress-right">0%</div>
<script>
window.onscroll = function() {
var scrolled = window.pageYOffset || document.documentElement.scrollTop;
var scrollprogress = Math.round(scrolled / ((document.documentElement.scrollHeight - document.documentElement.clientHeight) / 100));
document.getElementById('progress-right').innerHTML = scrollprogress + '%';
}
</script>
<div class="ad clearfix text-center">
</div>
</div>
<script>
/**
* Скрипт закріплення блоку при прокрутці
*/
(function() {
var a = document.querySelector('#sidebar'),
b = null,
P = 0;
window.addEventListener('scroll', Ascroll, false);
document.body.addEventListener('scroll', Ascroll, false);
function Ascroll() {
if (b == null) {
var Sa = getComputedStyle(a, ''),
s = '';
for (var i = 0; i < Sa.length; i++) {
if (Sa[i].indexOf('overflow') == 0 || Sa[i].indexOf('padding') == 0 || Sa[i].indexOf('border') == 0 || Sa[i].indexOf('outline') == 0 || Sa[i].indexOf('box-shadow') == 0 || Sa[i].indexOf('background') == 0) {
s += Sa[i] + ': ' + Sa.getPropertyValue(Sa[i]) + '; '
}
}
b = document.createElement('div');
b.style.cssText = s + ' box-sizing: border-box; width: ' + a.offsetWidth + 'px;';
a.insertBefore(b, a.firstChild);
var l = a.childNodes.length;
for (var i = 1; i < l; i++) {
b.appendChild(a.childNodes[1]);
}
a.style.height = b.getBoundingClientRect().height + 'px';
a.style.padding = '0';
a.style.border = '0';
}
var Ra = a.getBoundingClientRect(),
R = Math.round(Ra.top + b.getBoundingClientRect().height - document.querySelector('#content').getBoundingClientRect().bottom); // селектор блока, при достижении нижнего края которого нужно открепить прилипающий элемент
if ((Ra.top - P) <= 0) {
if ((Ra.top - P) <= R) {
b.className = 'stop';
b.style.top = -R + 'px';
} else {
b.className = 'evr-sticky';
b.style.top = P + 'px';
}
} else {
b.className = '';
b.style.top = '';
}
window.addEventListener('resize', function() {
a.children[0].style.width = getComputedStyle(a, '').width
}, false);
}
})()
</script>
<style>
/* Додаємо відступ вгорі, щоб було на одному рівні із змістом */
body.single #breadcrumbs {
margin-bottom: 5px;
}
#content article {
padding-top: 15px;
}
#sidebar .evr-sticky {
position: fixed;
z-index: 101;
}
#sidebar .stop {
position: relative;
z-index: 101;
}
#div-gpt-ad-30906309 {
margin-top: 20px;
}
#sidebar .evr-sticky #div-gpt-ad-30906309,
#sidebar .stop #div-gpt-ad-30906309 {
margin-top: 20px;
}
#sidebar .content-menu {
transition: 0.5s all;
}
#sidebar .content-menu .title {
padding-top: 15px;
font-size: 20px;
margin: 0 0 15px 0;
}
#sidebar .content-menu .title .glyphicon {
padding-right: 5px;
}
#sidebar .content-menu ul {
padding: 0;
margin: 0;
overflow: auto;
}
#sidebar .content-menu .nav li {
margin: 0;
clear: both;
margin-bottom: 4px;
}
/* Bullet before text */
#sidebar .content-menu .nav li a:before {
content: "●";
position: absolute;
font-size: 17px;
color: #dedede;
left: 0;
top: -1px;
}
#sidebar .content-menu .nav li a {
position: relative;
display: inline-block;
font-size: 15px;
color: #000;
line-height: 1.2;
padding: 3px 0 0 18px;
overflow: hidden;
text-decoration: none !important;
}
#sidebar .content-menu .nav li.active:focus>a,
#sidebar .content-menu .nav li.active:hover>a,
#sidebar .content-menu .nav li.active>a,
#sidebar .content-menu .nav li a:hover {
text-decoration: none;
font-weight: normal;
color: #c23085;
background-color: transparent;
border-left: 0 none;
}
/* Bullet before text */
#sidebar .content-menu .nav li.active>a:hover:before,
#sidebar .content-menu .nav li.active>a:before {
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
left: 1px;
color: #c23085;
background: transparent;
}
#sidebar .content-menu .nav li a:hover:before {
color: #c23085;
background: transparent;
}
#sidebar a.go-top {
display: block;
margin-top: 5px;
padding: 14px 0 5px 0;
text-align: center;
text-transform: lowercase;
font-size: 17px;
color: #666;
background: transparent url(/wp-content/themes/sk-Evrikak/i/go-top-in-sidebar.png) no-repeat 50% 50%;
opacity: 0;
transition: 0.2s all;
}
#sidebar a.go-top:hover {
color: #000;
text-decoration: none;
}
/* Якщо блок зафіксовний */
#sidebar .evr-sticky a.go-top {
opacity: 1;
}
#sidebar .evr-sticky {
box-shadow: -9px 0 10px 0 rgba(0, 0, 0, 0.08) !important;
}
</style>
<script>
jQuery(document).ready(function() {
// (c) http://jsfiddle.net/gableroux/S2SMK/
// підсвітка активного пункту меню, bootstrap
jQuery('body').scrollspy({
target: '.bs-docs-sidebar',
offset: 70
});
// даємо висоту меню, щоб зробити прокрутку
jQuery(window).bind("load resize", function() {
var body_w = jQuery("body").width(); // визначаємо ширину вікна
var window_h = jQuery(window).height(); // визначаємо висоту вікна
//alert(window_h);
if (body_w > '767') { // якщо ширина більша 767
window_h = window_h - 375; // коригуємо висоту блоку з меню. віднімаємо висоту блоку «наверх», у перспективі треба буще ще відняти інші-нові блоки
var menu_h = jQuery('#sidebar .content-menu').height();
//if(menu_h > window_h) { // якщо висота усього сайдбару більше висоти екрану, то вказуємо висоту для меню. Воно автоматично розтягне висоту сайдбару, з’явиться прорутка у меню, і сайдбар займе усю висоту вікна
jQuery('#sidebar .content-menu ul.nav').css('height', window_h);
//}
}
});
// парсимо контент і формуємо меню
jQuery('#content .evr-section').each(function() {
var evr_section_id = jQuery(this).attr('id');
var evr_section_title = jQuery(this).find(':header:first').text();
var txt = '<li class="content-menu-item added-by-js"><a href="#' + evr_section_id + '">' + evr_section_title + '</a></li>';
//var txt = txt.unwrap();
//txt = jQuery('li', txt).unwrap;
//txt = txt.unwrap('h3');
//txt = jQuery(txt).wrap('<li>');
jQuery('#sidebar ul.nav').append(txt); // Insert
});
// Додаємо спеціальний клас для посилання на відео
jQuery('#sidebar .content-menu').find("a[href='#entry-video']").addClass('link-to-video');
// навігація по статті (плавна прокрутка до потрібного блоку)
jQuery('#sidebar .content-menu .nav a').click(function() {
jQuery.scrollTo(this.hash, {
offset: -10, // Відступ вгорі
duration: 750
});
return false;
});
// перейти вгору (плавна прокрутка вгору)
jQuery('#sidebar a.go-top').click(function() {
jQuery.scrollTo(this.hash, {
offset: 0, // Відступ вгорі
duration: 450
});
return false;
});
});
</script>
<link type="text/css" href="/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="https://battlecase.ru/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.mousewheel.js"></script>
<script type="text/javascript" src="https://battlecase.ru/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.jscrollpane.min.js"></script>
<script>
// Прокрутка оновлюється при зміні висоти вікна
jQuery(function() {
jQuery('#sidebar .content-menu ul.nav').each(
function() {
jQuery(this).jScrollPane({
showArrows: jQuery(this).is('.arrow')
});
var api = jQuery(this).data('jsp');
var throttleTimeout;
jQuery(window).bind("load resize", function() {
// IE fires multiple resize events while you are dragging the browser window which
// causes it to crash if you try to update the scrollpane on every one. So we need
// to throttle it to fire a maximum of once every 50 milliseconds...
if (!throttleTimeout) {
throttleTimeout = setTimeout(
function() {
api.reinitialise();
throttleTimeout = null;
},
50
);
}
});
}
)
});
</script>
<style>
/* Styles specific to this particular page */
.scroll-pane {
overflow: auto;
height: 400px;
}
.jspTrack {
background: #dedede;
}
.jspVerticalBar {
width: 6px;
}
.jspDrag {
background: #309dc6;
}
</style>
</aside>
</div>
</div>
<div class="other-posts">
<div class="container">
<h3 class="title text-uppercase text-center h">Другие статьи:</h3>
<div class="row articles">
<div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3">
<div class="article-in-loop">
<a class="thumb-title" href="/samyi-moshchnyi-telefon-v-mire-na-dannyi-moment-samye-moshchnye-smartfony-top-10/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i1.wp.com/technosova.ru/wp-content/uploads/2018/10/2-2.jpg" class="img-responsive" alt="Самые мощные смартфоны Топ 10 самых мощных телефонов" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
Самые мощные смартфоны Топ 10 самых мощных телефонов </span>
<span class="title">
Современные технологии позволяют уместить в обычном смартфоне мощность и производительность... </span>
</a>
</div>
</div>
<div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3">
<div class="article-in-loop">
<a class="thumb-title" href="/kak-udalitsya-iz-moego-mira-kak-udalit-stranicu-i-akkaunt-v-moem-mire/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i1.wp.com/socialnie-seti.info/wp-content/uploads/2012/09/galochki-dlya-ydaleniya-stranici.jpg" class="img-responsive" alt="Как удалить страницу и аккаунт в моем мире" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
Как удалить страницу и аккаунт в моем мире </span>
<span class="title">
Бывает так, что человек пройдя регистрацию понимает, что эта социальная сеть не для него и хочет... </span>
</a>
</div>
</div>
<div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3">
<div class="article-in-loop">
<a class="thumb-title" href="/ne-udalyaetsya-avast-chto-delat-kak-udalit-avast-s-kompyutera-esli-on-ne/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i2.wp.com/vellisa.ru/wp-content/uploads/2018/05/2-1.jpg" class="img-responsive" alt="Как удалить аваст с компьютера если он не удаляется" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
Как удалить аваст с компьютера если он не удаляется </span>
<span class="title">
Сейчас мы разберем, как удалить Аваст, чтобы после деинсталляции антивируса, на компьютере не... </span>
</a>
</div>
</div>
<div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3">
<div class="article-in-loop">
<a class="thumb-title" href="/kak-podklyuchit-nokia-lyumiya-800-k-kompyuteru-podklyuchenie-nokia-lumia-k/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i2.wp.com/sms-mms-free.ru/sites/default/files/images/Specifications_Nokia_800_Zune.jpg" class="img-responsive" alt="Подключение Nokia Lumia к ПК" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
Подключение Nokia Lumia к ПК </span>
<span class="title">
Статьи и Лайфхаки
впервые могло разочаровать всех, кто недавно приобрёл данное мобильное... </span>
</a>
</div>
</div>
</div>
</div>
</div>
<style>
/* Додаємо відступ внизу */
body.single #content .ad {
margin-bottom: 20px;
}
/* Додаємо відступ вгорі */
body.single #sidebar .ad {
margin-top: 20px;
}
</style>
<footer id="footer" class="clearfix">
<noindex>
<div class="container row-1 hidden-xs">
<nav class="nav">
<div class="menu menu-footer">
<ul id="menu-podval" class="menu">
<li class="menu-item type-custom object-custom home "><a href="/">Главная</a></li>
<li class="menu-item type-post_type object-page "><a href="">О проекте</a></li>
<li class="menu-item type-post_type object-page "><a href="">Рекламодателям</a></li>
<li class="menu-item type-post_type object-page "><a href="/sitemap.xml">Карта сайта</a></li>
<li class="menu-item type-post_type object-page "><a href="/feedback/">Обратная связь</a></li>
</ul>
</div>
</nav>
</div>
<div class="border-blue clearfix"></div>
<div class="container row-2">
<div class="row">
<div class="col-sm-6">
<div id="text-2" class="block widget-container widget_text">
<div class="textwidget">
<div class="sn">
<a href="https://www.facebook.com/sharer/sharer.php?u=https://battlecase.ru/izmenenie-kodirovki-v-html-html-kodirovka-v-kakuyu-kodirovku-sohranyat/" target="_blank"><img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/sn/facebook.png" alt="" class="img-responsive" loading=lazy></a>
<a href="https://vk.com/share.php?url=https://battlecase.ru/izmenenie-kodirovki-v-html-html-kodirovka-v-kakuyu-kodirovku-sohranyat/" target="_blank"><img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/sn/vkontakte.png" alt="" class="img-responsive" loading=lazy></a>
<a href="https://youtube.com/" target="_blank"><img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/sn/youtube.png" alt="" class="img-responsive" loading=lazy></a>
</div>
<style>
.sn a {
display: inline-block;
margin: 0 10px 0 0;
width: 55px;
}
@media (max-width:767px) {
.sn {
text-align: center;
}
.sn a {
margin: 0 7px;
width: 43px;
}
}
.sn a:hover {
opacity: 0.9;
}
</style>
</div>
</div>
</div>
</div>
</div>
<div class="border-3 clearfix"></div>
<div class="container row-3">
<div class="row">
<div class="col-sm-8 col-txt col-txt-1">
Размещенные на сайте материалы, могут содержать информацию для пользователей старше 18 лет. </div>
<div class="col-sm-4 col-txt col-txt-2 text-right">
<div class="project-by-um">
© 2012 - 2018 <img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/svg/logo-ukr-media.svg" width="90" class="img-responsive" loading=lazy>
</div>
</div>
</div>
</div>
</noindex>
</footer>
</div>
<div class="modal fade" id="modal-search" tabindex="-1" role="dialog" aria-labelledby="modal-searchLabel">
<div class="modal-dialog modal-lg itc-container" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Закрыть"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="modal-searchLabel">Поиск по сайту</h4>
</div>
<div class="modal-body">
<form role="search" method="get" class="form-search" id="modal-searchform" action="/">
<div class="form-group">
<input type="search" autocomplete="off" spellcheck="false" placeholder="Введите текст поиска" value="" name="s" id="modal-s" class="input-lg form-control">
</div>
</form>
<div class="modal-search-results"></div>
</div>
</div>
</div>
</div>
<link rel='stylesheet' id='dashicons-css' href='/wp-includes/css/dashicons.min.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='thickbox-css' href='/wp-includes/js/thickbox/thickbox.css?ver=4.9.1' type='text/css' media='all' />
<script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/decomments/templates/decomments/assets/js/decom.min.js?ver=1513648647'></script>
<script type='text/javascript' src='https://battlecase.ru/wp-content/themes/sk-Evrikak/js/modernizr-2.8.3.min.js?ver=4.9.1'></script>
<script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/visualizer/js/lib/clipboardjs/clipboard.min.js?ver=3.0.4'></script>
<script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/mistape/assets/js/mistape-front.js?ver=1.3.3'></script>
<script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/lazy-load/js/jquery.sonar.min.js?ver=0.6.1'></script>
<script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/lazy-load/js/lazy-load.js?ver=0.6.1'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var thickboxL10n = {
"next": "\u0414\u0430\u043b\u0435\u0435 \u2192",
"prev": "\u2190 \u041d\u0430\u0437\u0430\u0434",
"image": "\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435",
"of": "\u0438\u0437",
"close": "\u0417\u0430\u043a\u0440\u044b\u0442\u044c",
"noiframes": "\u042d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u043f\u043b\u0430\u0432\u0430\u044e\u0449\u0438\u0445 \u0444\u0440\u0435\u0439\u043c\u043e\u0432. \u0423 \u0432\u0430\u0441 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u044b \u0442\u0435\u0433\u0438 iframe, \u043b\u0438\u0431\u043e \u0432\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0438\u0445 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442.",
"loadingAnimation": "http:\/\/battlecase.ru\/wp-includes\/js\/thickbox\/loadingAnimation.gif"
};
/* ]]> */
</script>
<script type='text/javascript' src='/wp-includes/js/thickbox/thickbox.js?ver=3.1-20121105'></script>
<div id="mmenu_res" style="display:none;width:100%;height:40px;line-height:40px;background:#FD6A93;color:#FFFFFF;position:fixed;text-align:center;font-size:23px;;z-index:100000000">
<a class="mmenu_open" href="#irevoltmenu">
<span class="mmenu-icon-bar"></span>
<span class="mmenu-icon-bar"></span>
<span class="mmenu-icon-bar"></span>
</a> Рубрики
</div>
<div class="modal fade" id="modalAd" tabindex="-1" role="dialog" aria-labelledby="modalAdLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<div class="ad text-center">
</div>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="/wp-content/themes/sk-Evrikak/ad/ad_popup-and-bottom/show-ads.css">
<script src="/assets/jquery1.cookie1.js"></script>
<script src="https://battlecase.ru/wp-content/themes/sk-Evrikak/ad/ad_popup-and-bottom/show-ads.js"></script>
</body>
</html> 