Атрибут charset
Атрибут / параметр charset (от англ. «charset» ‒ «кодировка») указывает кодировку символов, используемую в документе.
Условия использования
В документе не должно быть более одного meta элемента с атрибутом « charset ».
Поддержка браузерами
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | |
| 5.0 | 4.2.5 The meta element The charset attribute. |
| 5.1 | 4.2.5. The meta element The charset attribute. |
| XHTML | |
| 1.0 | |
| 1.1 | |
Значения
В качестве значения данного параметра указывается кодировка символов документа. Примеры кодировок:
ISO-8859-1 Кодировка используемая большинством западноевропейских языков. (Данная кодировка также известна как «Latin-1».) ISO-8859-5 Кодировка поддерживающая кириллицу. SHIFT_JIS EUC-JP Японская кодировка UTF-8 Одна из общепринятых и стандартизированных кодировок текста, поддерживающая множество различных письменностей. windows-1251 Кодировка с поддержкой кириллицы.
Регистр символов: не учитывается.
Кодировка HTML-страницы
Это задание архивной части. Перейдите по ссылке, чтобы пройти задание в актуальной части.
Кодировку HTML-страницы нужно указывать для того, чтобы веб-браузер мог правильно отображать текст на странице. Если браузер неправильно угадает кодировку, то вместо текста будут отображаться иероглифы.
Чтобы сообщить браузеру кодировку HTML-страницы, необходимо внутри тега использовать тег:
Самая распространённая современная кодировка — utf-8 . Используйте её во всех своих проектах.
Для кириллицы в Windows charset часто задавали как windows-1251 . Но сейчас это считается плохой практикой.
Перейти к заданию
- index.html Сплит-режим
- style.css Сплит-режим
Кодировка
Когда кодировка документа задана неверно, некоторые символы отображаются как «иероглифы», а некоторые нет.
Проверить на сервере Проверка проводилась слишком много времени, попробуйте ещё разок Показать ответ
Спасибо! Мы скоро всё исправим)
Автозапуск
Код изменился, нажмите «Обновить» или включите автозапуск.
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
Увеличить 100% Уменьшить
Задачи Выполнено
Сейчас кодировка задана неверно, поэтому текст в мини-браузере отображается неправильно.
- Установите правильную кодировку: utf-8 .
Если у вас возникли сложности во время прохождения задания, то вы можете обратиться за помощью на наш форум или задать вопрос в Телеграм-чате.
- Наша группа в ВК
- Наша страница в Twitter
- Наш канал в Telegram
Практикум
- Курсы для новичков
- Подписка
- Для команд и компаний
- Учебник по PHP
Профессии
- Фронтенд-разработчик
- JavaScript-разработчик
- Фулстек-разработчик
- HTML и CSS.
Профессиональная вёрстка сайтов - HTML и CSS.
Адаптивная вёрстка и автоматизация - JavaScript.
Профессиональная разработка веб-интерфейсов - JavaScript.
Архитектура клиентских приложений - React.
Разработка сложных клиентских приложений - Node.js.
Профессиональная разработка REST API - Node.js и Nest.js.
Микросервисная архитектура - TypeScript. Теория типов
- Алгоритмы и структуры данных
- Паттерны проектирования
- Webpack
- Vue.js 3. Разработка клиентских приложений
- Git и GitHub
- Анимация для фронтендеров
- Учебник по Git
- Справочник по HTML
- Истории успеха
Информация
- Об Академии
- О центре карьеры
Атрибут charset
Указывает кодировку документа. Атрибут введен в HTML5 и предназначен для сокращения формы тега , которая задавала кодировку в предыдущих версиях HTML и XHTML.
Синтаксис
Значения
Название кодировки, например UTF-8.
Значение по умолчанию
HTML5 IE Cr Op Sa Fx
Тег META, атрибут charset Типовой документ.
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Типы тегов
HTML5
Блочные элементы
Строчные элементы
Универсальные элементы
Нестандартные теги
Осуждаемые теги
Видео
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Форматирование
Формы
Фреймы
Атрибут charset HTML тега meta
Атрибут charset определяет кодировку символов HTML документа.
Атрибут charset можно локально переопределять при помощи атрибута lang любого элемента.
Определение кодировки при помощи атрибута http-equiv все еще допустимо, однако новый способ требует меньше кода.
Синтаксис атрибута
Значения атрибута
| Значение | Описание |
|---|---|
| character_set | Кодировка символов HTML документа. В теории использовать можно любую кодировку, однако браузеры не всегда распознают все кодировки. Чем более широко применяется кодировка, тем больше шансов, что браузер распознает ее. |
Пример использования атрибута
Определяем кодировку HTML документа: