Знак дюйма на клавиатуре. Символы на клавиатуре: хотим печатать всё
Набрать текст сегодня может каждый. Даже самые стойкие противники новых технологий знают, как печатать символы на клавиатуре (но не делают это из принципа ). Ведь всё, что требуется – это найти клавишу с нужной буквой или знаком препинания и нажать на неё пальцем:
Но иногда возникают ситуации, когда нужного символа просто нет на клавиатуре. К примеру, человек пишет текст о температуре на Южном полюсе, а символ, обозначающий градусы, отсутствует. В таком случае может растеряться не только новичок, но и достаточно опытный пользователь (или тот, кто себя им считает ).
Но выход из такого положения, безусловно, существует. Когда символы на клавиатуре не удовлетворяют требованиям, необходимо воспользоваться другими способами ввода. Некоторые из них будут рассмотрены в этой статье.
Почему на клавиатуре есть не всё?
Если опустить взгляд чуть ниже экрана монитора, то можно увидеть разные символы на клавиатуре, которые, тем не менее, выглядят очень знакомыми. Они используются, как ни странно, для того, чтобы печатать, а этим занятием человечество увлекается уже достаточно давно.
Еще в 1868 году миру представили пишущую машинку (хотя пытались это сделать еще веком ранее ), буквы на ней были расположены в алфавитном порядке, и людям понадобилось 22 года, чтобы устранить это неудобство. В свою очередь в 1890 года, появилась раскладка QWERTY , которая перекочевала на современные клавиатуры.
Таким образом, состав и расположение основных символов вырабатывались годами, и с течением времени человечество не придумывало что-то радикально новое в этом плане, а лишь совершенствовало старое.
Почему же клавиатуры остаются прежними, и не найдётся тот, кто захочет заработать на новизне? Нужно понимать, что крупные компании, производящие технику, должны ориентироваться на широкую аудиторию, поэтому символы и знаки на клавиатуре рассчитаны на самые общие потребности. Чтобы понять производителей, необходимо определить категории людей, которые пользуются компьютерами.
- Обычные пользователи. Им нужно зайти в интернет, проверить почту и в некоторых случаях написать небольшие тексты (сообщения, объявления ):

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

Символы клавиатуры включают в себя основные зарезервированные конструкции многих языков программирования (&, |, #, <> и т.д. ). Такие популярнейшие и наиболее широко применяемые языки, как С, С++, Lisp, Java имеют устоявшийся синтаксис, который изначально частично подстраивался под имеющиеся на клавиатуре символы. Поэтому, если сейчас стандартная раскладка существенно изменится, это приведет к значительным неудобствам для программистов, а такое никому не нужно.
- Офисные работники. Данные товарищи в большинстве случаев оперируют цифрами, поэтому их нужды тесно пересекаются с программистскими:

Математические операции, процент и знак доллара – верные спутники каждого отчета.
Стоит ли говорить, что на сегодняшний день компьютером пользуются все и везде. Во многих случаях людям необходимо вводить символы, которых нет на клавиатуре. Это могут быть какие-то научные обозначения или просто более подходящие в конкретной ситуации средства отображения.
Для того чтобы вместить все известные символы понадобились бы тысячи клавиатур, но у клавиш есть замечательное свойство: их можно нажимать по несколько штук сразу. Однако об этом чуть позже.
Спецсимволы
Мы привыкли к тому, что символ – это что-то визуальное, однако при форматировании текста часто необходимо делать отступы и переносы строк, которые игнорируются браузером при отображении. В этом случае применяют специальные символы. На клавиатуре их нет, а вот в html-коде можно, к примеру, прописать   , что будет означать неразрывный пробел.
Представим другую ситуацию: вы пишете статью об интернет-технологиях и хотите привести примеры тегов языка html . Но вот ведь незадача: вы знаете, как ставить на клавиатуре символы (не маленькие ведь уже ), однако браузер воспринимает теги как теги и ничего не отображает. В таком случае на помощь снова приходят спецсимволы.
Иногда перед авторами статей встает замысловатая задачка: как написать символы на клавиатуре, если их на ней нет. Слабые сдаются и применяют ухищрения, называя словами то, что не смогли напечатать. Посвященные же обращаются к спецсимволам и находят то, что нужно:

К примеру, 7 – иудейская звезда; символ на клавиатуре отсутствует, но при написании религиозных текстов очень даже пригодится.
Коды символов
Выше уже были рассмотрены коды спецсимволов языка html , однако существуют и другие способы показать то, что не изображено на клавишах клавиатуры.
Прежде всего, следует упомянуть стандарты кодировок: ASCII , Unicode , UTF-8 , которые позволяют не только вводить символы с помощью клавиатуры, но и задавать их программно, когда на экран выводится не число 300, а красивое сердечко (если установлена кодировка ASCII ).
Существует способ расширить существующие символы на клавиатуре – ALT -код. Чтобы вводить символы таким образом совершенно не нужно переходить в какой-то специальный редактор:

Для того чтобы знать как делать символы на клавиатуре (даже те, которых там нет и про которые вы не знаете ), достаточно иметь перед глазами табличку и, зажав клавишу alt, вводить последовательность цифр.
Как ввести то, чего нет на клавиатуре?
Для тех, кто не знает, как сделать символы на клавиатуре, которые не отображены на клавишах, собирая воедино всё, о чем упомянуто выше, можно выделить несколько способов.
- Пользоваться возможностями текстового редактора. Такие программы, как Microsoft Word и ее аналоги предлагают массу возможностей, помимо того, как писать символы на клавиатуре (составление формул, отображение физических единиц, выбор различных стилей знаков пунктуации ). Поэтому можно смело набирать тексты любой тематики;
- Спецсимволы html . Не зная, как поставить символы на клавиатуре во время публикации статей во Всемирной паутине, можно воспользоваться таблицей спецсимволов. Она поможет отобразить практически любое известное обозначение, однако при этом следует выбирать распространенные шрифты (Arial, Times Материалы по теме
Здравствуйте драгоценный друг.
[ЦЕЛЬ] Сегодня мы рассмотрим символы, которых нет на клавиатуре (графические символы). ❦
В свое время, мне довелось перерыть в поиске данных символов не один десяток, да что там говорить, ооочень много сайтов.
Думаю, Вы согласитесь со мной, что использование таких элементов в тексте, делает его привлекательнее и итереснее ❀ Чаще, конечно, данные символы используют в социальных сетях, а сейчас еще и в e-mail рассылках, чтобы выделить свое обращение из общей массы ✔
Такую символику называют еще Юникод. Что же это такое? Чтобы нам стало понятнее, давайте обратимся к
Юнико́д (чаще всего) или Унико́д (англ. Unicode ) — стандарт кодирования символов, позволяющий представить знаки почти всех письменных языков.
Стандарт предложен в 1991 году некоммерческой организацией «Консорциум Юникода» (англ. Unicode Consortium, Unicode Inc. ) Применение этого стандарта позволяет закодировать очень большое число символов из разных письменностей: в документах Unicode могут соседствовать китайские иероглифы, математические символы, буквы греческого алфавита, латиницы и кириллицы, при этом становится ненужным переключение кодовых страниц.
Стандарт состоит из двух основных разделов: универсальный набор символов (англ. UCS, universal character set ) и семейство кодировок (англ. UTF, Unicode transformation format ). Универсальный набор символов задаёт однозначное соответствие символов кодам — элементам кодового пространства, представляющим неотрицательные целые числа. Семейство кодировок определяет машинное представление последовательности кодов UCS.
Коды в стандарте Юникод разделены на несколько областей. Область с кодами от U+0000 до U+007F содержит символы набора ASCII с соответствующими кодами. Далее расположены области знаков различных письменностей, знаки пунктуации и технические символы. Часть кодов зарезервирована для использования в будущем. Под символы кириллицы выделены области знаков с кодами от U+0400 до U+052F, от U+2DE0 до U+2DFF, от U+A640 до U+A69F (см. Кириллица в Юникоде).
Вот теперь, когда картина прояснилась и мы знаем как работают и отображаются графические символы, хочу представить Вашему вниманию подборку самых распространенных и востребованных символов, которых нет на клавиатуре, а значит использовать их по одному нажатию на клавишу не получится.
Любой из представленных символов можно добавлять как на сайты, в соц. сети, так и работая в Word.
Обратите внимание! В некоторых видах браузеров знаки могут не отображаться, а вместо них будут выводиться не понятные символы или пустой квадрат. Это связано с разными технологиями, браузеров (Mozilla FireFox, Chrome, Opera и IE), а так же версией Windows.
А в остальном все в порядке. Пользуйтесь в свое удовольствие!
Да, чуть не забыла… Для того чтобы взять нужный символ, просто скопируйте его выделив мышкой и вставьте там, где Вам надо.
HTML-символы, таблица спецсимволов в формате HTML
Спецсимволы HTML (символы-мнемоники) — это стандартный обобщенный язык разметки, ссылающийся на определенные символы из символьного набора документа. Чаще всего они применяются с целью указания необходимых символов, которых нет в стандартной клавиатуре.
В данной статье представлены наиболее востребованные и популярные спецсимволы в формате HTML для использования на веб-страницах при вёрстке текста. Наиболее востребованные символы это: стрелки, значки, обозначение валют, умножение.
При форматировании текста, как SEO-специалисту, так и верстальщику обязательно потребуются символы в формате HTML — длинное тире (вместо минуса на клавиатуре), кавычки-ёлочки (вместо прямых на клавиатуре) и ряд других знаков.
Таблица символов
Красивые числа, пробелы, переносы
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| ❶ | ❶ | ❶ | номер 1 в кружочке |
| ❷ | ❷ | ❷ | номер 2 в кружочке |
| ❸ | ❸ | ❸ | номер 3 |
| ❹ | ❹; | ❹ | номер 4 |
| ❺ | ❺ | ❺ | номер 5 |
| ❻ | ❻ | ❻ | номер 6 |
| ❼ | ❼ | ❼ | номер 7, далее, по аналогии — #10109 будет числом 8 |
| неразрывный пробел | |||
| узкий пробел (еn-шириной в букву n) | |||
| широкий пробел (em-шириной в букву m) | |||
| – | – | – | узкое тире (en-тире) |
| — | — | — | широкое тире (em-тире), широко используется в текстах |
| | | | мягкий перенос |
Полезные знаки
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| © | © | © | копирайт |
| ® | ® | ® | знак (r) — зарегистрировано |
| º | º | º | копье марса |
| ª | ª | ª | зеркало венеры |
| ‰ | ‰ | ‰ | промилле |
| π | π | π | пи |
| ¦ | ¦ | вертикальная черта | |
| § | § | § | знак параграфа |
| ° | ° | знак градуса | |
| µ | µ | µ | знак «микро» |
| ¶ | ¶ | ¶ | знак абзаца |
| · | · | точка-маркер | |
| ° | ° | градус | |
| … | … | многоточие | |
| ‾ | ‾ | надчеркивание (верхняя черта) | |
| ´ | ´ | знак ударения | |
| ¦ | ¦ | вертикальный пунктир | |
| № | № | знак/символ номера |
Знаки арифметических и математических операций
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| × | × | крестик | |
| × | × | знак умножения | |
| ÷ | ÷ | ÷ | знак деления |
| < | < | меньше, чем | |
| > | > | > | больше, чем |
| ± | &plusm; | ± | знак «плюс/минус» |
| ¹ | ¹ | ¹ | степень 1 |
| ² | ² | ² | степень 2 |
| ³ | ³ | ³ | степень 3 |
| ¬ | ¬ | знак отрицания | |
| ¼ | ¼ | ¼ | одна четвертая |
| ½ | ½ | ½ | одна вторая |
| ¾ | ¾ | ¾ | три четверти |
| ⁄ | ⁄ | дробная черта | |
| − | − | знак минус | |
| ≤ | ≤ | меньше или равно | |
| ≥ | ≥ | больше или равно | |
| ≈ | ≈ | приблизительно равно (асимптотически равно) | |
| ≠ | ≠ | не равно | |
| ≡ | ≡ | совпадает с | |
| √ | √ | квадратный корень (радикал) | |
| ∞ | ∞ | знак бесконечность | |
| ∑ | ∑ | знак суммирования | |
| ∏ | ∏ | знак произведения | |
| ∂ | ∂ | частичный дифференциал | |
| ∫ | ∫ | интеграл |
Знаки валют
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| € | € | € | евро |
| ¢ | ¢ | ¢ | цент |
| £ | £ | £ | фунт |
| ¤ | ¤t; | ¤ | знак валюты |
| ¥ | ¥ | ¥ | знак йены и юаня |
| ƒ | ƒ | знак флорина |
Маркеры
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| • | • | простой маркер | |
| · | · | средняя точка | |
| † | † | крестик | |
| ‡ | ‡ | двойной крестик | |
| ♠ | ♠ | пики | |
| ♣ | ♣ | трефы | |
| ♥ | ♥ | червы | |
| ♦ | ♦ | бубны | |
| ◊ | ◊ | ромб |
Кавычки
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| « | " | " | двойная кавычка |
| & | & | & | амперсанд |
| « | « | « | левая типографская кавычка (кавычка-елочка) |
| » | » | » | правая типографская кавычка (кавычка-елочка) |
| ′ | ′ | штрих (минуты, футы) | |
| ″ | ″ | двойной штрих (секунды, дюймы) | |
| “ | “ | кавычка-лапка левая | |
| ” | ” | кавычка-лапка правая верхняя | |
| „ | „ | кавычка-лапка правая нижняя | |
| ‹ | ‹ | одинарная угловая кавычка открывающая | |
| › | › | одинарная угловая кавычка закрывающая | |
| ‘ | ‘ | левая верхняя одинарная кавычка | |
| ’ | ’ | правая верхняя одинарная кавычка | |
| ‚ | ‚ | правая нижняя одинарная кавычка |
Стрелки
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| ← | ← | стрелка влево | |
| ↑ | ↑ | стрелка вверх | |
| → | → | стрелка вправо | |
| ↓ | ↓ | стрелка вниз | |
| ↔ | ↔ | стрелка влево и вправо | |
| ⇐ | ⇐ | двойная стрелка влево | |
| ⇑ | ⇑ | двойная стрелка вверх | |
| ⇒ | ⇒ | двойная стрелка вправо (следствие) | |
| ⇓ | ⇓ | двойная стрелка вниз | |
| ⇔ | ⇔ | двойная стрелка влево-вправо (туда-сюда) |
Pn, Dn и Ду условные обозначения и все о них
DN — Стандарт обозначающий условный внутренний диаметр.
PN — Стандарт обозначающий номинальное давление.
Что такое Ду?
Ду – образовано от двух слов: Диаметр и Условный. Ду = DN. Ду тоже самое что DN. Просто DN более международный стандарт. Ду – русскоязычное представление DN. Сейчас категорически нужно отказаться от такого наименования Ду.
Что такое DN?
DN — Cтандартизованное представление диаметра. ГОСТ 28338-89 и ГОСТ Р 52720
Номинальный диаметр DN (диаметр условного прохода; условный проход; номинальный размер; условный диаметр; номинальный проход): Параметр, применяемый для трубопроводных систем в качестве характеристики присоединяемых частей арматуры.
Примечание — Номинальный диаметр приблизительно равен внутреннему диаметру присоединяемого трубопровода, выраженному в миллиметрах и соответствующему ближайшему значению из ряда чисел, принятых в установленном порядке.
В чем обычно измеряется DN?
По условиям стандарта вроде бы она не имеет строгой привязки к единице измерения (написано в документах). Но она обозначает именно размер диаметра. А диаметр измеряется длиной. И потому что единица измерения длины может быть разным. Например, дюйм, фут, метр и тому подобное. Для Российских документов мы просто по умолчанию измеряем в мм. Хотя в документах написано, что она все таки измеряется в мм. ГОСТ 28338-89. Но не имеет единицу измерения:
Условный проход (номинальный размер) не имеет единицы измерения и приблизительно равен внутреннему диаметру присоединяемого трубопровода, выраженному в миллиметрах.
Как это не имеет, если имеет? Можете написать в комментариях, как понять эту фразу?
Кажется дошло… DN (порядковый номер диаметра выраженный в милиметрах). То есть он не имеет единицу измерения, а как бы содержит константные значения (цифровые дискретные значения типа: 15,20,25,32. ). Но нельзя обозначить например, как DN 24. Потому что цифры 24 нет в ГОСТ 28338-89. Там идут строгие значения по порядку как: 15,20,25,32… И только их нужно выбирать для обозначения.
DN измеряется диаметром условного прохода в мм.(миллиметр=0,001 м.). И если в российских документах вы увидите DN15 то это будет обозначать внутренний диаметр примерно 15 мм.
Условный проход – говорит о том, что это внутренний диаметр трубы, выраженный в миллиметрах — условно. Термин «Условно» говорит о том, что значение диаметра не точное. Условно мы принимаем, что оно примерно равно некоторым значениям стандарта.
Под условным проходом (номинальным размером) понимают параметр, применяемый для трубопроводных систем в качестве характеристики присоединяемых частей, например соединений трубопроводов, фитингов и арматуры. Условный проход (номинальный размер) приблизительно равен внутреннему диаметру присоединяемого трубопровода, выраженному в миллиметрах.
По стандарту из: ГОСТ 28338-89 принято выбирать те цифры, о которых договорились. И свои цифры с запятыми придумывать не стоит. Например, DN 14,9 будет ошибкой обозначения.
Номинальный диаметр приблизительно равен внутреннему диаметру присоединяемого трубопровода, выраженному в миллиметрах и соответствующему ближайшему значению из ряда чисел, принятых в установленном порядке.

Например, если реальный внутренний диаметр равен 13 мм, то пишем как: DN 12. Если внутренний диаметр 14мм. то принимаем значение DN 15. То есть выбираем ближайшее по значению число из списка стандарта: ГОСТ 28338-89.
Если в проектах следует обозначить и диаметр и толщину стенки трубы, то нужно указывать так: ф20х2.2 где наружный диаметр равен 20 мм. А внутренний диаметр равен на разницу толщины стенки. В данном случае внутренний диаметр равен 15,6мм. ГОСТ 21.206–2012
Увы, но нам приходится подчиняться чужим стандартам
Любые привозимые материалы из-за рубежа чаще всего были разработаны с помощью другой размерности длины: Дюйм
Поэтому чаще всего размеры бывают ориентированы на Дюйм. Обычно за место слова дюйм пишут кавычку.
1 дюйм = 25,4 мм. Что тоже самое 1” = 25,4 мм.
Таблица размерностей. Обычно за место слова дюйм пишут кавычку.
1/2 “ = 25.4 / 2 = 12,7. Но в реальности такой размер 1/2 “ равно проходу 15 мм. Точнее может быть 14.9мм. для стальной трубы. В общем, размеры могут отличаться на несколько мм. Поэтому в таких случаях для точных расчетов нужно узнавать внутренний диаметр у конкретной модели отдельно.
Например, размер 3/4” = 25,4 х 3/4 = 19 мм. Но пишем в документах “условно” DN20 – примерно внутренний диаметр равен 20мм.
Вот собственно размеры, которые чаще всего соответствуют в Российском переводе.

В таблице указан внутренний диаметр в мм.
Номинальное давление PN: Подробнее в ГОСТ 26349 и ГОСТ Р 52720.
Имеет единицу измерения: кгс/cм2. Обозначение кгс означает кг х с (килограмм умноженное на с). с=1. с характеризует как бы коэффициент силы. То есть умножая килограмм(массу) на силу мы конвертируем массу в силу. Это такая поправка для дотошных физиков. Если Вы обозначите кг/cм2 в принципе тоже не ошибетесь, если будите полагать что массу мы воспринимаем как силу. Также такая единица как кг/cм2 ошибочна тем, что давление образована из двух единиц (сила и площадь). Масса это другой параметр. Потому что масса только на поверхности земля создает ту силу которая давит на землю(сила тяготения). Значение с=1 на поверхности земля. И если Вы улетите на другую планету, то сила гравитации будет другая, и масса будет создавать другую силу. И на другой планете коэффициент с=1 будет равен другому значению. Например, с=0,5 создаст давление в два раза меньше.
Для чего нужен PN ?
Значение PN нужно для того, чтобы указать прибору предел давления, которое нельзя превышать для нормальной работы прибора, для которого это значение задано. То есть при проектировании, проектант должен за ранее знать, на какое максимальное давление рассчитан прибор.
Например, если прибору дали значение PN15 это означает, что прибор рассчитан на эксплуатацию с давлением не превышающим 15 кгс/см2. Что примерно равно 15 Бар.
1 кгс/см2 = 0.98 Бар. Грубо говоря значение PN примерно равно Бару или атмосфере.
Например, если прибору дали значение PN10 то оно рассчитано на давление не превышающую 10 Бар.
Определение PN по стандарту
Наибольшее избыточное рабочее давление при температуре рабочей среды 293 К (20 °С), при котором обеспечивается заданный срок службы (ресурс) корпусных деталей арматуры, имеющих определенные размеры, обоснованные расчетом на прочность при выбранных материалах и характеристиках прочности их при температуре 293 К (20 °С).
Российские нормы: ГОСТ 26349-84, ГОСТ 356-80, ГОСТ Р 54432-2011
Европейские нормы: DIN EN 1092-1-2008
Американские нормы: ANSI/ASME B16.5-2009, ANSI/ASME B16.47-2006
Таблицы стилей для веба Советы и хитрости по CSS
Указывать длину в CSS можно в разных единицах. Некоторые из них пришли из типографской традиции, как пункт ( pt ) и пика ( pc ), другие, напр. сантиметр ( cm ) и дюйм ( in ), знакомы нам в повседневном обиходе. Есть и «волшебная» единица, придуманная специально для CSS: px . Значит ли это, что для разных свойств нужны разные единицы?
Нет, единицы измерения не имеют отношения к свойствам, но имеют прямое отношение к средствам отображения: экран или бумага.
Любые единицы измерения можно использовать где угодно. Свойство со значением в пикселях ( margin: 5px ) также допускает и значения в дюймах или сантиметрах ( margin: 1.2in; margin: 0.5cm ), и наоборот.
Соотношение между абсолютными единицами таково: 1in = 2.54cm = 25.4mm = 72pt = 6pc
Если у вас есть под рукой линейка, можете проверить точность своего устройства. Вот прямоугольник высотой 1 дюйм (2.54cm): ↑
72pt
↓
Так называемые абсолютные единицы ( cm , mm , in , pt и pc ) в CSS означают то же самое, что и везде, но только если у устройства вывода достаточно высокое разрешение. На лазерном принтере 1cm должен быть точно равен 1 сантиметру. Но на устройствах низкого разрешения, вроде компьютерных экранов, CSS этого не требует. И вправду, разные устройства и разные реализации CSS норовят отобразить их по-разному. Лучше оставить эти единицы для устройств высокого разрешения, в частности для печати. На компьютерных экранах и мобильных устройствах может получиться не то, что ожидалось.
В прошлом CSS требовал, чтобы абсолютные единицы отображались правильно даже на компьютерных экранах. Но поскольку неправильных реализаций было больше, чем правильных, и никаких улучшений не предвиделось, в 2011-м CSS отказался от этого требования. Сейчас абсолютные единицы обязаны работать правильно только при выводе на печать и на устройствах высокого разрешения.
CSS не уточняет, что именно понимается под «высоким разрешением». Но так как у дешевых принтеров сегодня бывает не менее 300 точек на дюйм, а у хороших экранов порядка 200 точек на дюйм, граница, скорее всего, проходит где-то между этими значениями.
Еще одна причина не использовать абсолютные единицы где-либо, кроме печати: на разные экраны мы смотрим с разного расстояния. 1 сантиметр на экране настольного компьютера выглядит маленьким. Но на мобильном экране прямо перед глазами — это много. Лучше вместо них использовать относительные единицы, напр. em .
Единицы em и ex зависят от размера шрифта и могут быть свои для каждого элемента в документе. Единица em — просто размер шрифта. В элементе, которому задан шрифт в 2in, 1em и означает эти 2in. Указание размеров (напр., для отступов) в em означает, что они задаются относительно шрифта, и какой бы ни был шрифт у пользователя — крупный (напр. на большом экране) или мелкий (напр. на мобильном устройстве), эти размеры останутся пропорциональными. Объявления наподобие text-indent: 1.5em и margin: 1em в CSS крайне популярны.
Единица ex используется нечасто. В ней выражаются размеры, которые должны отсчитываться от x-высоты шрифта. X-высота — это, грубо говоря, высота строчных букв вроде a , c, m, или o. У шрифтов с одинаковым размером (и, соответственно, при одинаковом em ) может быть огромная разбежка в размерах строчных букв, и если важно, чтобы какая-то картинка, например, соответствовала x-высоте, единица ex к вашим услугам.
Единица px в CSS волшебная. Она не связана с текущим шрифтом, но и с физическими сантиметрами или дюймами обычно тоже не связана. Единица px определена как что-то маленькое, но видимое, т.е. горизонтальную линию толщиной 1px можно было отобразить с четкими краями (без сглаживания). Что считается четким, маленьким и видимым, зависит от устройства и способа пользования им: держите ли вы его прямо перед глазами, как мобильный телефон, на расстоянии вытянутой руки, как монитор, или где-то на промежуточном расстоянии, как электронную книгу? Поэтому px по определению не фиксированная длина, а нечто, зависящее от типа устройства и его обычного использования.
Чтобы понять, почему единица px именно такая, представьте ЭЛТ-монитор из 1990-х: наименьшая точка, которую он мог отобразить, была размером примерно в 1/100 дюйма (0,25 мм) или чуть больше. Свое название единица px получила от тех экранных пикселей.
Нынешние устройства в принципе могут отображать и более мелкие четкие точки (хотя их может быть трудно разглядеть без лупы). Но документы из прошлого века, которые использовали px в CSS, независимо от устройства выглядят по-прежнему. Принтеры, в особенности, могут отображать четко отображать линии гораздо тоньше 1px, но даже на принтерах линия в 1px выглядит почти так же, как выглядела бы на мониторе. Устройства меняются, но единица px всегда выглядит одинаково.
На самом деле CSS требует, чтобы 1px был точно равен 1/96 дюйма при любом выводе на печать. В CSS считается, что принтерам, в отличие от экранов, не нужны разные размеры для px , чтобы отображать четкие линии. Поэтому при печати px не только одинаково выглядит независимо от устройства, но и заведомо измеряется одной и той же величиной (совсем как единицы c m , pt , mm , in и pc , как объяснялось выше).
CSS также определяет, что растровые изображения (напр. фотографии) по умолчанию отображаются в масштабе 1 пиксель изображения на 1px. Фотография разрешением 600 на 400 будет 600px шириной и 400px высотой. Тем самым пиксели фотографии привязываются не к пикселям устройства вывода (которые могут быть очень мелкими), а к единицам px . Это позволяет точно совмещать изображения с другими элементами документа, при условии, что вы используете в своих стилях единицы px , а не pt , cm и т.д.
Используйте em или px для шрифтов
Единицы pt (пункт) and pc (пика) CSS получил в наследство от печатного дела. Там традиционно применялись эти и подобные единицы, а не сантиметры или дюймы. В CSS незачем использовать pt , пользуйтесь любой единицей на свой выбор. Но есть хорошая причина не использовать ни pt , ни других абсолютных единиц, а использовать только em и px .
Вот несколько линий разной толщины. Некоторые из них могут казаться четкими, но как минимум линии в 1px и 2px должны быть четкими и видимыми:
0.5pt, 1px, 1pt, 1.5px, 2px
Если первые четыре линии выглядят одинаковыми (либо линия в 0.5pt пропала), скорее всего вы видите это на мониторе, не способном отображать точки мельче 1px. Если линии выглядят возрастающими по толщине, скорее всего вы видите эту страницу на качественном экране или на бумаге. А если 1pt выглядит толще, чем 1.5px, то это скорее всего экран мобильного устройства (похоже, последняя фраза описывает ситуацию до правки 2011 года — прим. перев.).
Волшебная единица CSS, px , часто бывает удачным выбором, особенно если нужно выровнять текст с картинками, либо просто потому, что что-либо толщиной 1px (или кратной 1px) заведомо будет выглядеть четко.
Но размеры шрифтов еще лучше задавать в em . Идея в том, чтобы 1) не задавать размер шрифта для элемента BODY (в HTML), а использовать размер шрифта по умолчанию для устройства, поскольку это наиболее удобный для читателя размер; и 2) указывать размеры шрифта других элементов в em : H1 , чтобы H1 был в 2½ раза крупнее основного шрифта страницы.
Едиственное место, где можно использовать pt (либо cm или in ) для размера шрифтов — стили для печати, если нужно, чтобы напечатанный шрифт был строго определенного размера. Но даже там чаще всего лучше использовать размер шрифта по умолчанию.
div.mybox < border: 2px solid >@media (min-resolution: 2dppx) < /* Media with 2 or more dots per px */ div.mybox < border: 1.5px solid >>
Новые единицы измерения в CSS
Чтобы было еще проще писать стилевые правила, зависящие только от размера шрифта по умолчанию, с 2013 года в CSS есть новая единица: rem . Один rem (от «root em», т.е. «корневой em» или «em корневого элемента») — это размер шрифта корневого элемента в документе. В отличие от em , который может быть для каждого элемента свой, rem для всего документа один и тот же. Например, чтобы задать элементам P и H1 одинаковый внешний отступ слева, вот для сравнения CSS-код до 2013 года:
p < margin-left: 1em >h1
p < margin-left: 1rem >h1
Благодаря другим новым единицам стало можно указывать размеры относительно окна пользователя. Это vw и vh . Единица vw — 1/100 ширины окна, а vh — 1/100 его высоты. Еще есть vmin , соответствующая меньшему из vw и vh . И vmax (можете догадаться, что она делает).
Поскольку они новые, они еще работают не везде. Но к началу 2015 года многие браузеры уже их поддерживали.
Навигация по сайту

Bert Bos, style activity lead
Copyright © 1994–2021 W3C ® Privacy policy
Created 12 Jan 2010;
Last updated Ср 06 янв 2021 05:40:49