Контакты

Поиск по сайту

Таблица символов, используемых в html

Материалы таблицы не являются исчерпывающими. Здесь только основное и наиболее часто употребляемое.

Пример
отображения
на странице
Код
(любой доступный)
Название
/описание
Пример
отображения
на странице
Код
(любой доступный)
Название
/описание
Основные символы типографирования
А а   неразрывный пробел Аа – тире
§ Аа § параграф Аа — длинное тире
Аа ‑ неразрывный дефис Аа … многоточие
Аа' ' апостроф      
Кавычки
Аа “ открывающая двойная кавычка Аа ‚ нижняя одиночная кавычка
Аа ” закрывающая двойная кавычка Аа ‹ одинарная открывающая угловая кавычка
Аа ‘ открывающая одинарная кавычка Аа › одинарная закрывающая угловая кавычка
Аа ’ закрывающая одинарная кавычка «Аа « двойные угловые кавычки (левые)
"Аа " одинарная кавычка Аа» » двойные угловые кавычки (правые)
Аа „ нижние двойные кавычки      
Маркеры
а • простой маркер а ♠ пики:
в Opera 12 — нет
а ○ незакрашенный круг а ♣ трефы:
в Opera 12 — нет
а ◊ незакрашенный ромб а ♥ червы:
в Opera 12 — нет
а ☆ незакрашенная звезда:
в IE6–8 — нет;
в GoogleChrome 11 — нет
а ♦ бубны:
в Opera 12 — нет
а ⊛ снежинка в круге:
в IE6–8 — нет
     
Стрелки
А а ← стрелка влево А а ⇐ двойная стрелка влево:
в IE6–8 — нет
Аа → стрелка вправо, логическая импликация Аа ⇒ двойная стрелка вправо:
в IE6–8 — нет;
в Safari 5 — нет
Аа ↑ стрелка вверх Аа ⇑ двойная стрелка вверх:
в IE6–8 — нет
Аа ↓ стрелка вниз Аа ⇓ двойная стрелка вниз:
в IE6–8 — нет
Аа ↔ стрелка влево‑вправо Аа ⇔ двойная стрелка влево‑вправо:
в IE6–8 — нет;
в Safari 5 — нет
Аа ↕ стрелка вверх‑вниз Аа ⇕ двойная стрелка вверх‑вниз:
в IE6–8 — нет
Знаки арифметических и логических операций
ab − минус, вычитание ab ≥ больше или равно
a ± b &plusmn; «плюс‑минус» a < b &lt; меньше
a × b &times; умножение a > b &gt; больше
a · b &middot; умножение ab &radic; корень, радикал
a ÷ b &divide; деление ab &and; логическое И:
в IE6–8 — нет;
в Safari 5 — нет
ab &frasl; деление a & b &amp; логическое И
ƒ(a) &fnof; функция ab &or; логическое ИЛИ:
в IE6–8 — нет;
в Safari 5 — нет
ab &asymp; приблизительно равно ¬a &not; логическое отрицание
ab &ne; не равно ab &oplus; логическое сложение по модулю
в IE6–8 — нет;
в Safari 5 — нет
a b &le; меньше или равно      
Прочие символы
45° &deg; градус &trade; знак торговой марки
45 &prime; одиночный штрих - минуты и футы @ &#64; латинская лигатура AC, собака
45 &Prime; двойной штрих - секунды и дюймы ® &reg; знак зарегистрированной торговой марки (registered)
© &copy; знак охраны авторского права (copyright)      

Так же существуют различные css-приемы для более наглядного отображения текста или отдельных символов. В таблице ниже приведены некоторые из них.

Описание Отображение на странице Проверено в браузерах Код css
Отображение логического отрицания в формулах.
Выражение: B равно не A
B = A кроссбраузерно //Есть минус:
цвет надо подбирать :-)

span {
border-top:1px solid #393737; }

Рекомендации к общему оформлению текста

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

Приведенные ниже рекомендации не являются обязательными, но их можно взять за основу при создании собственного web-дизайна.

  • Для основного текста и заголовков можно использовать шрифт как с засечками, так и без, но гротески все же популярнее и для заголовков, и для обычного текста.
  • Обычно для заголовков выбирают шрифты Georgia, Arial или Helvetica.
  • Для основного текста обычно выбирают Georgia, Arial, Verdana и Lucida Grande.
  • Наиболее популярные размеры шрифта для заголовков — в диапазоне от 18 до 29 пикселей.
  • Чаще всего для основного текста используются кегли от двенадцатого до четырнадцатого.
  • Интерлиньяж* относится к размеру шрифта основного текста как 1,48.
  • Отношение длины строки к интерлиньяжу равно 27,8.
  • Отступ между абзацами относится к интерлиньяжу как 0,754.
  • Оптимальным является от 55 до 75 символов в строке, но на практике наиболее популярны от 75 до 85 символов.
  • Основной текст обычно выравнивается по левому краю, он редко заменяется изображениями; ссылки обычно выделяются либо подчеркиванием, либо цветом, либо жирным начертанием.

* Интерлиньяж (высота строки) зависит от выбранного размера шрифта и формата набора, и, чем длиннее строка, тем больше должен быть интерлиньяж.

Таблица соотношений размеров шрифтов, указанных в 4-х основных величинах
Points, pt Pixels, px Ems, em Percent, %
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%
26pt 35px 2.2em 220%
27pt 36px 2.25em 225%
28pt 37px 2.3em 230%
29pt 38px 2.35em 235%
30pt 40px 2.45em 245%
32pt 42px 2.55em 255%
34pt 45px 2.75em 275%
36pt 48px 3em 300%

Безопасные шрифты для web (с учетом кириллицы)

Основой для определения «безопасных» шрифтов послужили шрифты наиболее распространенной операционной системы Windows, которые кроме того используются в других ОС. Примером такого использования служит уже упоминавшийся пакет шрифтов «Core fonts for the Web».

Оригинал статьи здесь.

Название Семейство Вариант Примечания
Arial Sans-serif regular, bold, italic, bold italic  
Arial Black Sans-serif black  
Comic Sans MS Sans-serif regular, bold  
Impact Sans-serif regular  
Trebuchet MS Sans-serif regular, bold, italic, bold italic  
Verdana Sans-serif regular, bold, italic, bold italic  
Georgia Serif regular, bold, italic, bold italic  
Times New Roman Serif regular, bold, italic, bold italic  
Courier New Monospace regular, bold, italic, bold italic  

Безопасные шрифтовые CSS стеки (кириллица)

font-family: "Arial Black", "Helvetica CY", "Nimbus Sans L" sans-serif;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-family: "Comic Sans MS", "Monaco CY", cursive;
font-family: "Courier New", "Nimbus Mono L", monospace;
font-family: Georgia, "Century Schoolbook L", Serif;
font-family: Impact, "Charcoal CY", sans-serif;
font-family: "Lucida Console", Monaco, monospace;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-family: Tahoma, "Geneva CY", sans-serif;
font-family: "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
font-family: "Trebuchet MS", "Helvetica CY", sans-serif;
font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif;

Если шрифт макета не входит в этот список, шрифт контентной части рекомендуется заменить на наиболее похожий из перечисленных выше безопасных шрифтовых стеков.

Форма входа

Индекс цитирования Яндекс.Метрика