Символ градуса: как поставить ° на клавиатуре, в Word и в HTML

Символ градуса можно просто скопировать отсюда: ° или сразу °C. На Windows его набирают сочетанием Alt + 0176 на цифровом блоке клавиатуры, на Mac открывают панель символов клавишами Control + Command + Пробел, на телефоне долго держат клавишу «0».

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

CheckroiПодборка курсов по HTML209 курсов • 43 школыСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→

Как поставить градус на клавиатуре Windows

Основной способ работает в любой программе: в браузере, мессенджере, Word и Блокноте. Нужен цифровой блок справа на клавиатуре.

1. Включите Num Lock, иначе цифры блока работают как стрелки.
2. Поставьте курсор туда, где нужен знак.
3. Зажмите левый Alt и наберите на цифровом блоке 0176.
4. Отпустите Alt, и появится °.

Сочетание Alt + 0176 приводит в своей справке Microsoft. Там же оговорка: цифры верхнего ряда для Alt-кодов не подходят.

Если цифрового блока нет

На компактных ноутбуках блока часто нет. Тогда выручает панель эмодзи: Win + точка открывает её в Windows 10 и 11, а в разделе «Символы» есть знак градуса. Сочетание указано в списке клавиш Windows.

Второй вариант: встроенная программа «Таблица символов». Найдите её через поиск в меню «Пуск», выберите °, нажмите «Выбрать» и «Копировать».

Alt + 248 и Alt + 0176: в чём разница

Оба кода дают один и тот же знак, но берут его из разных старых кодировок.

Совпадение мы проверили, раскодировав байты 176 и 248 в обеих таблицах. Запоминать стоит 0176: именно этот код приводит Microsoft.

Знак градуса на Mac, iPhone и Android

На Mac удобнее всего панель «Символы». Её открывают сочетанием Control + Command + Пробел или клавишами Fn + E, так написано в справке Apple о сочетаниях клавиш. В поле поиска панели наберите «градус».

• Mac, раскладка U.S. или ABC: Option + Shift + 8 ставит ° сразу, без панели. В других раскладках сочетание может отличаться, тогда выручит панель.
• iPhone и iPad: переключитесь на цифры, зажмите «0» и сдвиньте палец на °.
• Android: откройте цифры и символы, перейдите на вторую страницу символов (кнопка вида «=\<») и нажмите °. Расположение зависит от клавиатуры: в Gboard и Samsung оно разное.

Если знак нужен часто, добавьте в настройках клавиатуры замену текста: например, «грд» будет превращаться в °.

Как вставить градус в Word, Excel и Google Документы

В Word работает и Alt + 0176, и ещё два способа без цифрового блока.

1. Код Юникода. Наберите 00B0 и сразу нажмите Alt + X, Word заменит код на °. Способ описан в той же справке Microsoft.
2. Меню. «Вставка» → «Символ» → «Другие символы», выберите знак в таблице и нажмите «Вставить». Путь дан на странице «Вставка символа градуса».

Alt + X понимают не все программы Office: в PowerPoint, по словам Microsoft, преобразование кодов не работает. Остальные приёмы оформления текста в редакторе, от отступов до ровного подчёркивания, разобраны отдельно, а для системного изучения редактора есть курсы по Word.

Формула в Excel

В ячейке Excel знак можно получить формулой:

=ЮНИСИМВ(176)&"C"      → °C
=A1&" "&ЮНИСИМВ(176)&"C"  → 21 °C

Функция СИМВОЛ тоже вернёт ° при числе 176, но она зависит от кодировки компьютера, а ЮНИСИМВ берёт знак прямо из Юникода. Ещё больше приёмов с формулами и клавишами собрано в подборке 8 приёмов для быстрой работы в Excel.

В Google Документах откройте «Вставка» → «Специальные символы» и наберите в поиске «degree». Окно ищет знак по слову и даже по рисунку от руки, так описал функцию Google.

Как написать градус Цельсия в HTML и CSS

В вёрстке у знака четыре записи, и все они дают одинаковый результат на странице.

Если страница в кодировке UTF-8 (строка <meta charset="utf-8"> в шапке), знак ° можно вставить в код и напрямую. Мнемоника нужна, когда редактор или шаблонизатор портит не-ASCII символы. Подробнее о структуре документа — в материале «Что такое HTML».

Правильная запись температуры в разметке выглядит так:

<p>Сейчас 21&nbsp;&deg;C</p>

.temp::after {
  content: "\00A0\00B0C";
}

Неразрывный пробел   не даёт числу и единице разъехаться по разным строкам. Тег <nobr> для этого не годится, он никогда не входил в стандарт HTML. Если нужно запретить перенос целого фрагмента, используйте CSS-свойство white-space: nowrap. Как работают селекторы и псевдоэлементы вроде ::after, объясняет статья «Что такое CSS».

В JavaScript и Python знак пишут через экранирование, вывод ниже снят запуском кода:

// JavaScript
const t = 21;
console.log(`${t} °C`);   // 21 °C

# Python
t = 21
print(f"{t} °C")         # 21 °C
print(chr(176), ord("°"))         # ° 176

Пробел перед °C и другие правила записи

По ГОСТ 8.417-2002 (пункт 8.3) между числом и обозначением единицы ставят пробел. Исключение сделано для знаков, поднятых над строкой.

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

Для минуса в «−5 °C» типографы берут отдельный знак минуса U+2212: он длиннее дефиса и стоит на одной высоте с плюсом. О том, кто следит за такими деталями в изданиях, рассказывает статья «Кто такой типограф».

Частые ошибки со знаком градуса

Похожих на градус символов в Юникоде несколько, и подмена видна не сразу. Мы проверили их коды и названия по базе Юникода через модуль unicodedata в Python.

Симптом: вместо градуса на сайте квадратик или «Â°».

Причина и решение: файл сохранён в одной кодировке, а браузер читает его в другой. Пересохраните файл в UTF-8 и проверьте <meta charset="utf-8">; либо замените знак на °, мнемоника от кодировки не зависит.

Симптом: поиск по сайту или фильтр в таблице не находит «20 °C», хотя текст на месте.

Причина и решение: где-то стоит º или ˚ вместо °. Найдите и замените их на U+00B0.

Нужен ли ℃? Единый знак U+2103 существует, но в базе Юникода он помечен как совместимый: при нормализации он раскладывается на ° и латинскую C. Мы проверили это на Python и JavaScript. Пишите ° + C, а ℃ оставьте для случаев, где нужен именно один символ, например в иконке или узкой ячейке.

Канал основателя Checkroi Вани БуявцаЗабирайте промпты и обучение по нейросетям в моём Телеграм-каналеБольше 3 700 человек уже применяют Claude Code, ChatGPT и другие нейросети в работе, учёбе, бизнесе и жизниПерейти в канал→

Где освоить вёрстку системно

Спецсимволы, кодировки и неразрывные пробелы встречаются в любой вёрстке, от лендинга до интернет-магазина. Если хотите разобраться в HTML и CSS целиком, от разметки до адаптивной вёрстки, сравните программы на странице курсов по HTML. Ниже пять из них.

Курс	Школа	Стоимость со скидкой	В рассрочку	Длитель­ность	Обзор курса от Checkroi
HTML и CSS с нуля Перейти на сайт курса	Skillbox	91 626 ₽	7635 ₽/мес.	11 месяцев	Обзор курса
HTML и CSS. Адаптивная вёрстка и автоматизация Перейти на сайт курса	HTML Academy	23 400 ₽	3900 ₽/мес.	2 месяца	Обзор курса
Основы вёрстки HTML и CSS Перейти на сайт курса	Академия Синергия	32 676 ₽	2723 ₽/мес.	3 месяца	Обзор курса
HTML и CSS с нуля	Skypro	195 160 ₽	7972 ₽/мес.	12 месяцев	Обзор курса
Frontend-разработчик: сайты на HTML/CSS/JavaScript Перейти на сайт курса	Coddy	9200 ₽	-	3 месяца	Обзор курса

• 

  HTML и CSS с нуля

  Skillbox91 626 ₽7635 ₽/мес11 месяцев
  Перейти на сайт курсаОбзор
• 

  HTML и CSS. Адаптивная вёрстка и автоматизация

  HTML Academy23 400 ₽3900 ₽/мес2 месяца
  Перейти на сайт курсаОбзор
• 

  Основы вёрстки HTML и CSS

  Академия Синергия32 676 ₽2723 ₽/мес3 месяца
  Перейти на сайт курсаОбзор
• 

  HTML и CSS с нуля

  Skypro195 160 ₽7972 ₽/мес12 месяцев
  Обзор
• 

  Frontend-разработчик: сайты на HTML/CSS/JavaScript

  Coddy9200 ₽3 месяца
  Перейти на сайт курсаОбзор

Больше программ — в полном каталоге курсов по HTML

С чего начать и какие навыки нужны в профессии, рассказано в материале о работе HTML-верстальщика.