BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Все про HTML » HTML кодировка страницы. В какой кодировке сохранять web-страницу? Урок №14

HTML кодировка страницы. В какой кодировке сохранять web-страницу? Урок №14

2014-02-24 / Вр:22:07 / просмотров: 15215

Бывали ли у вас ситуации, когда на web-странице вместо читабельного текста открывались кракозябры? Я уверен, что бывали или, по крайне мере, вы видели их на других сайтах. Если не видели, посмотрите на пример снизу:

HTML кодировка страницы. В какой кодировке сохранять web-страницу

Что такое HTML кодировка?
HTML кодировка – это таблицы соответствия кодов и символов алфавита. То есть, наш компьютер по кодировке поменяет код на понятные читабельные буквы.

Что такое HTML кодировка?

Популярные кодировки.
На сегодняшний день существуют две самые популярные кодировки в русскоязычном интернете. Это кодировка windows-1251 и utf-8. Частенько веб-мастерам приходится выбирать, в какой кодировке делать им веб-страничку.

В какой кодировке следует сохранять HTML файл?
Большинство веб-мастеров выбирают кодировку utf-8. И это верный выбор, так как в кодировке utf-8 имеются различные знаки ( ↓↑ и т. д.), а также есть масса разнообразных специфических символов. Кстати, основная часть движков, как Joomla, WordPress, Drupal работает на кодировке utf-8.

Поэтому я рекомендую вам сохранять HTML файлы в кодировке utf-8.

Как задать кодировку UTF-8  для файла?
Чтобы задать кодировку для HTML файла, используют различные редакторы. Я пользуюсь текстовым редактором Notepad++.
Откройте текстовый редактор Notepad++.
Если нужно, создайте новый документ.
Перейдите в меню сверху по вкладке «Кодировки» => «Кодировать в UTF-8 (без BOM)»:

Как задать кодировку UTF-8  для файла?

Чтобы сообщить браузеру, в  какой кодировке HTML файл, существует специальный META-тег

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

В HTML документе это будет выглядеть вот так:

<html>
<head>
<title>кодировка HTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
</body>
</html>

Как задать кодировку windows-1251 для файла?
Откройте текстовый редактор Notepad++.
Если нужно, создайте новый документ.
Перейдите в меню сверху по вкладке «Кодировки» => «Кодировать в ANSI»:

Как задать кодировку windows-1251 для файла?

Чтобы сообщить браузеру, в  какой кодировке HTML файл, существует специальный META-тег

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

В HTML документе это будет выглядеть вот так:

<html>
<head>
<title>кодировка HTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
</body>
</html>

Пример перекодировки файла из windows-1251 в utf-8
Если в HTML документе был прописан код в кодировке windows-1251 (ANSI), а вам нужно перекодировать на utf-8 (или на оборот), тогда сделайте так:
Откройте текстовый редактор Notepad++. В текстовом редакторе перейдите в меню сверху по вкладке «Кодировки» => «Преобразовать в UTF-8 (без BOM)»:

Пример перекодировки файла из windows-1251 в utf-8

Внимание, если бы вы нажали «Кодировать в UTF-8 (без BOM)», то в результате вы бы увидели вместо любимого русского текста, красивые караказябли :idea:.

красивые караказябли

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

6 Ответов на комментарий - HTML кодировка страницы. В какой кодировке сохранять web-страницу? Урок №14

  1. Анатолий

    Степан, а в чем разница между Преобразовать в UTF-8 (без BOM) и Преобразовать в UTF-8

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    UTF-8 без BOM это кодировка, в которой каждому символу соответствует 1 байт. А просто UTF-8 тоже самое только в начале файла идут символы ef bb bf (в HEX). Рекомендуют все опытные программисты, верстальщики, сохранять веб страницу в кодировке UTF-8 без BOM.

    Ответить

  2. Ульяна

    Степан, добрый день! Может быть Вы сможете мне помочь. Готовлю материалы для научно-исследовательского конкурса, одним из требований является “сохранить Тезисы к работе в формате *.txt в кодировке Windows-1251”. Сохраняю из Worda, как они рекомендют, но когда дело доходит до кодировки появляется сообщение, что “часть текста, выделенная красным, невозможно правильно сохранить в выбранной кодировке, в связи с чем эта часть текста будет потеряна”. Проанализировав, понимаю, что красным мне выделяет рускоязычный текст, а английский не выделяет… Т.е. какая-то проблемма именно с русским языком… Есть какие-то варианты почему так может быть? Попробовала сохранить в Блокноте – там дает кодировку ANSI… Читаю в Инете, кто-то пишет, что это то же самое что и Windows-1251, так ли это?
    В любом случае, спасибо!

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Здравствуйте, Ульяна!
    Вам нужно будет потом этот текст какой программой открывать?

    Ответить

  3. Геннадий

    Здраствуйте Степан!

    Вопрос по статье – что нужно сделать, чтобы русские символы отображались правильно в UTF-8 (без BOM) при перекодировке?

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Здравствуйте, Геннадий!
    Там же все написано в статье!
    “Перейдите в меню сверху по вкладке «Кодировки» => «Кодировать в UTF-8 (без BOM)».
    Чтобы сообщить браузеру, в какой кодировке HTML файл, существует специальный META-тег

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    

    Ответить

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Subscribe without commenting

Метки: ,

Мои цели на 2017 год:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Довести количество статей до 750

4). Создать портфолио и мини интернет-магазин шаблонов

5). Создать книгу

6). Довести количество статей до 800

7). Добиться посещаемости 3000 человек/сутки

8). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 749
Количество страниц на блоге: 20
Количество рубрик на блоге: 27
Количество меток на блоге: 71
Количество комментариев на блоге: 4128