Нарезка в Photoshop — New Layer Based Slice Горячие клавиши для выбора предыдущего и следующего слоя в Photoshop
На главную Наверх

11 марта 2012

HTML-сущности и их UTF-коды

css Комментарии

Генерируемое содержимое псевдоклассов :before и :after очень удобно использовать для создания иконок, буллитов, кавычек и в прочих декоративных целях.

Но свойство content: '\203A'; отображает HTML-сущности так, как они записаны в CSS, не заменяет их на специальные символы. Например, напишем в CSS content: '→';, получим в браузере «→» вместо «→». Поэтому писать спецальные символы в content нужно 4-значными UTF-кодами (UTF-16 hex), экранированными обратным слэшем.

Пример CSS-кода:

p.readmore a:after {
    content: '\203A'; /* выведет › */
    position: absolute;
    right: 0.8em;
    top: 4px;
    display: block;
}

Таблица символов

  • Кавычки
  • Тире и другие знаки препинания
  • Стрелки
  • Буллиты
  • Пробельные символы
  • Математические символы
  • Знаки валют
  • Прочие символы
  • Греческий алфавит
  • Диакритические знаки
  • Латиница с диакритическими знаками
Символ HTML-entity UTF-код Название
Кавычки
‹ ‹ \2039 single left-pointing angle quotation mark
› › \203A single right-pointing angle quotation mark
« « \00AB left-pointing double angle quotation mark = left pointing guillemet
» » \00BB right-pointing double angle quotation mark = right pointing guillemet
‚ ‚ \201A single bottom quotation mark
‘ ‘ \2018 left single quotation mark
’ ’ \2019 right single quotation mark
„ „ \201E bottom double quotation mark
“ “ \201C left double quotation mark
” ” \201D right double quotation mark
" " \0022 APL quote (прямая программистская кавычка с клавиатуры)
′ ′ \2032 prime = minutes = feet
″ ″ \2033 double prime = seconds = inches
Тире и другие знаки препинания
— — \2014 em dash
– – \2013 en dash
… … \2026 horizontal ellipsis = three dot leader
¡ ¡ \00A1 inverted exclamation mark
¿ ¿ \00BF inverted question mark = turned question mark
Стрелки
← ← \2190 leftwards arrow
→ → \2192 rightwards arrow
↑ ↑ \2191 upwards arrow
↓ ↓ \2193 downwards arrow
⇐ ⇐ \21D0 leftwards double arrow
⇒ ⇒ \21D2 rightwards double arrow
⇑ ⇑ \21D1 upwards double arrow
⇓ ⇓ \21D3 downwards double arrow
↔ ↔ \2194 left right arrow
⇔ ⇔ \21D4 left right double arrow
↵ ↵ \21B5 downwards arrow with corner leftwards = carriage return
Буллиты
• • \2022 bullet
· · \00B7 middle dot
⋅ ⋅ \22C5 dot operator
∗ ∗ \2217 low asterisk
♣ ♣ \2663 black club suit
♦ ♦ \2666 black diamond suit
♥ ♥ \2665 black heart suit
♠ ♠ \2660 black spade suit
◊ ◊ \25CA lozenge
Пробельные символы
m m \0020 обыкновенный пробел
m m   \00A0 no-break space = non-breaking space
n n   \2002 en space
m m   \2003 em space
_ _   \2009 thin space
_‍_ ‍ \200D zero width joiner
_‌_ ‌ \200C zero width non-joiner
Математические символы
× × \00D7 multiplication sign
÷ ÷ \00F7 division sign
⁄ ⁄ \2044 fraction slash
− − \2212 minus sign
± ± \00B1 plus-minus sign = plus-or-minus sign
< &lt; \003C less-than sign
> &gt; \003E greater-than sign
≤ &le; \2264 less-than or equal to
≥ &ge; \2265 greater-than or equal to
≈ &asymp; \2248 almost equal to = asymptotic to
≅ &cong; \2245 approximately equal to
≡ &equiv; \2261 identical to
≠ &ne; \2260 not equal to
° &deg; \00B0 degree sign
½ &frac12; \00BD vulgar fraction one half = fraction one half
¼ &frac14; \00BC vulgar fraction one quarter = fraction one quarter
¾ &frac34; \00BE vulgar fraction three quarters = fraction three quarters
¹ &sup1; \00B9 superscript one = superscript digit one
² &sup2; \00B2 superscript two = superscript digit two = squared
³ &sup3; \00B3 superscript three = superscript digit three = cubed
& &amp; \0026 ampersand
∼ &sim; \223C tilde operator = varies with = similar to
∧ &and; \2227 logical and = wedge
∨ &or; \2228 logical or = vee
¬ &not; \00AC not sign
ℵ &alefsym; \2135 alef symbol = first transfinite cardinal
∠ &ang; \2220 angle
∩ &cap; \2229 intersection = cap
∪ &cup; \222A union = cup
⊂ &sub; \2282 subset of
⊆ &sube; \2286 subset of or equal to
⊃ &sup; \2283 superset of
⊇ &supe; \2287 superset of or equal to
∋ &ni; \220B contains as member
∈ &isin; \2208 element of
∉ &notin; \2209 not an element of
⊄ &nsub; \2284 not a subset of
∃ &exist; \2203 there exists
ƒ &fnof; \0192 latin small f with hook = function = florin
∀ &forall; \2200 for all
∞ &infin; \221E infinity
∫ &int; \222B integral
∗ &lowast; \2217 asterisk operator
µ &micro; \00B5 micro sign
∇ &nabla; \2207 nabla = backward difference
∂ &part; \2202 partial differential
⊥ &perp; \22A5 up tack = orthogonal to = perpendicular
∏ &prod; \220F n-ary product = product sign
∝ &prop; \221D proportional to
√ &radic; \221A square root = radical sign
⋅ &sdot; \22C5 dot operator
∑ &sum; \2211 n-ary sumation
∅ &empty; \2205 empty set = null set = diameter
⊕ &oplus; \2295 circled plus = direct sum
⊗ &otimes; \2297 circled times = vector product
∴ &there4; \2234 therefore
⟨ &lang; \2329 left-pointing angle bracket = bra
⟩ &rang; \232A right-pointing angle bracket = ket
⌈ &lceil; \2308 left ceiling = apl upstile
⌊ &lfloor; \230A left floor = apl downstile
⌉ &rceil; \2309 right ceiling
⌋ &rfloor; \230B right floor
Знаки валют
¤ &curren; \00A4 currency sign
¢ &cent; \00A2 cent sign
€ &euro; \20AC euro sign
£ &pound; \00A3 pound sign
¥ &yen; \00A5 yen sign = yuan sign
Прочие символы
© &copy; \00A9 copyright sign
™ &trade; \2122 trade mark sign
® &reg; \00AE registered sign = registered trade mark sign
§ &sect; \00A7 section sign
¦ &brvbar; \00A6 broken bar = broken vertical bar
† &dagger; \2020 dagger
‡ &Dagger; \2021 double dagger
ℑ &image; \2111 blackletter capital I = imaginary part
ℜ &real; \211C blackletter capital R = real part symbol
℘ &weierp; \2118 script capital P = power set = Weierstrass p
‾ &oline; \203E overline = spacing overscore
ª &ordf; \00AA feminine ordinal indicator
º &ordm; \00BA masculine ordinal indicator
¶ &para; \00B6 pilcrow sign = paragraph sign
‰ &permil; \2030 per mille sign
­ &shy; \00AD soft hyphen = discretionary hyphen
‎‎ &lrm;‎ \200E left-to-right mark (for formatting only)
‏‏ &rlm;‏ \200F right-to-left mark (for formatting only)
Греческий алфавит
Α &Alpha; \0391 greek capital letter alpha
α &alpha; \03B1 greek small letter alpha
Β &Beta; \0392 greek capital letter beta
β &beta; \03B2 greek small letter beta
Γ &Gamma; \0393 greek capital letter gamma
γ &gamma; \03B3 greek small letter gamma
Δ &Delta; \0394 greek capital letter delta
δ &delta; \03B4 greek small letter delta
Ε &Epsilon; \0395 greek capital letter epsilon
ε &epsilon; \03B5 greek small letter epsilon
Ζ &Zeta; \0396 greek capital letter zeta
ζ &zeta; \03B6 greek small letter zeta
Η &Eta; \0397 greek capital letter eta
η &eta; \03B7 greek small letter eta
Θ &Theta; \0398 greek capital letter theta
θ &theta; \03B8 greek small letter theta
ϑ &thetasym; \03D1 greek small letter theta symbol
Ι &Iota; \0399 greek capital letter iota
ι &iota; \03B9 greek small letter iota
Κ &Kappa; \039A greek capital letter kappa
κ &kappa; \03BA greek small letter kappa
Λ &Lambda; \039B greek capital letter lambda
λ &lambda; \03BB greek small letter lambda
Μ &Mu; \039C greek capital letter mu
μ &mu; \03BC greek small letter mu
Ν &Nu; \039D greek capital letter nu
ν &nu; \03BD greek small letter nu
Ξ &Xi; \039E greek capital letter xi
ξ &xi; \03BE greek small letter xi
Ο &Omicron; \039F greek capital letter omicron
ο &omicron; \03BF greek small letter omicron
Π &Pi; \03A0 greek capital letter pi
π &pi; \03C0 greek small letter pi
ϖ &piv; \03D6 greek pi symbol
Ρ &Rho; \03A1 greek capital letter rho
ρ &rho; \03C1 greek small letter rho
Σ &Sigma; \03A3 greek capital letter sigma
σ &sigma; \03C3 greek small letter sigma
ς &sigmaf; \03C2 greek small letter final sigma (note)
Τ &Tau; \03A4 greek capital letter tau
τ &tau; \03C4 greek small letter tau
Υ &Upsilon; \03A5 greek capital letter upsilon
υ &upsilon; \03C5 greek small letter upsilon
ϒ &upsih; \03D2 greek upsilon with hook symbol
Φ &Phi; \03A6 greek capital letter phi
φ &phi; \03C6 greek small letter phi
Χ &Chi; \03A7 greek capital letter chi
χ &chi; \03C7 greek small letter chi
Ψ &Psi; \03A8 greek capital letter psi
ψ &psi; \03C8 greek small letter psi
Ω &Omega; \03A9 greek capital letter omega
ω &omega; \03C9 greek small letter omega
Диакритические знаки
´ &acute; \00B4 acute accent = spacing acute
¸ &cedil; \00B8 cedilla = spacing cedilla
ˆ &circ; \02C6 modifier letter circumflex accent
¯ &macr; \00AF macron = spacing macron = overline = APL overbar
· &middot; \00B7 middle dot = Georgian comma = Greek middle dot
˜ &tilde; \02DC small tilde
¨ &uml; \00A8 diaeresis = spacing diaeresis
Латиница с диакритическими знаками
Á &Aacute; \00C1 latin capital letter A with acute
á &aacute; \00E1 latin small letter a with acute
 &Acirc; \00C2 latin capital letter A with circumflex
â &acirc; \00E2 latin small letter a with circumflex
Æ &AElig; \00C6 latin capital letter AE = latin capital ligature AE
æ &aelig; \00E6 latin small letter ae = latin small ligature ae
À &Agrave; \00C0 latin capital letter A with grave = latin capital letter A grave
à &agrave; \00E0 latin small letter a with grave = latin small letter a grave
Å &Aring; \00C5 latin capital letter A with ring above = latin capital letter A ring
å &aring; \00E5 latin small letter a with ring above = latin small letter a ring
à &Atilde; \00C3 latin capital letter A with tilde
ã &atilde; \00E3 latin small letter a with tilde
Ä &Auml; \00C4 latin capital letter A with diaeresis
ä &auml; \00E4 latin small letter a with diaeresis
Ç &Ccedil; \00C7 latin capital letter C with cedilla
ç &ccedil; \00E7 latin small letter c with cedilla
É &Eacute; \00C9 latin capital letter E with acute
é &eacute; \00E9 latin small letter e with acute
Ê &Ecirc; \00CA latin capital letter E with circumflex
ê &ecirc; \00EA latin small letter e with circumflex
È &Egrave; \00C8 latin capital letter E with grave
è &egrave; \00E8 latin small letter e with grave
Ð &ETH; \00D0 latin capital letter ETH
ð &eth; \00F0 latin small letter eth
Ë &Euml; \00CB latin capital letter E with diaeresis
ë &euml; \00EB latin small letter e with diaeresis
Í &Iacute; \00CD latin capital letter I with acute
í &iacute; \00ED latin small letter i with acute
Î &Icirc; \00CE latin capital letter I with circumflex
î &icirc; \00EE latin small letter i with circumflex
Ì &Igrave; \00CC latin capital letter I with grave
ì &igrave; \00EC latin small letter i with grave
Ï &Iuml; \00CF latin capital letter I with diaeresis
ï &iuml; \00EF latin small letter i with diaeresis
Ñ &Ntilde; \00D1 latin capital letter N with tilde
ñ &ntilde; \00F1 latin small letter n with tilde
Ó &Oacute; \00D3 latin capital letter O with acute
ó &oacute; \00F3 latin small letter o with acute
Ô &Ocirc; \00D4 latin capital letter O with circumflex
ô &ocirc; \00F4 latin small letter o with circumflex
Œ &OElig; \0152 latin capital ligature OE
œ &oelig; \0153 latin small ligature oe
Ò &Ograve; \00D2 latin capital letter O with grave
ò &ograve; \00F2 latin small letter o with grave
Ø &Oslash; \00D8 latin capital letter O with stroke = latin capital letter O slash
ø &oslash; \00F8 latin small letter o with stroke, = latin small letter o slash
Õ &Otilde; \00D5 latin capital letter O with tilde
õ &otilde; \00F5 latin small letter o with tilde
Ö &Ouml; \00D6 latin capital letter O with diaeresis
ö &ouml; \00F6 latin small letter o with diaeresis
Š &Scaron; \0160 latin capital letter S with caron
š &scaron; \0161 latin small letter s with caron
ß &szlig; \00DF latin small letter sharp s = ess-zed
Þ &THORN; \00DE latin capital letter THORN
þ &thorn; \00FE latin small letter thorn
Ú &Uacute; \00DA latin capital letter U with acute
ú &uacute; \00FA latin small letter u with acute
Û &Ucirc; \00DB latin capital letter U with circumflex
û &ucirc; \00FB latin small letter u with circumflex
Ù &Ugrave; \00D9 latin capital letter U with grave
ù &ugrave; \00F9 latin small letter u with grave
Ü &Uuml; \00DC latin capital letter U with diaeresis
ü &uuml; \00FC latin small letter u with diaeresis
Ý &Yacute; \00DD latin capital letter Y with acute
ý &yacute; \00FD latin small letter y with acute
Ÿ &Yuml; \0178 latin capital letter Y with diaeresis
ÿ &yuml; \00FF latin small letter y with diaeresis

© Павел Радьков 2012.

Поделиться
Твитнуть
Плюсануть
Поделиться
Телеграфировать
  • 04 июля 2017

Как правильно использовать переменные в препроцессорах Less и Sass

  • 13 февраля 2016

Как верстальщику получить код ревью

  • 02 мая 2014

Веб-лицензии для платных шрифтов могут стоить вам дорого

  • 01 мая 2014

Бесплатная замена платному Helvetica Neue

  • 25 апреля 2014

Деплой Docpad-сайта на GitHub Pages

  • 07 апреля 2014

Краткое руководство по Маркдауну

  • 10 февраля 2014

О каких дизайнерах мечтают верстальщики

  • 09 февраля 2014

Захват экрана в GIF

  • 06 февраля 2014

Font-weight: bolder для шрифтов со множеством начертаний

  • 04 февраля 2014

Параметры subject и body в mailto ссылках

  • 26 января 2014

Посещённая ссылка при наведении

  • 19 января 2014

CSS-селектор :not. Полезные примеры

  • 24 января 2013

Списки и картинки с флоатами

  • 09 декабря 2012

Pointer-events

  • 27 ноября 2012

Как отключить javascript в Google Chrome

  • 28 октября 2012

Перечёркивание крест-накрест

  • 08 апреля 2012

Отладка мобильных сайтов в Webkit. Инспектор кода на мобильных устройствах

  • 18 марта 2012

Горячие клавиши для выбора предыдущего и следующего слоя в Photoshop

  • 11 марта 2012

HTML-сущности и их UTF-коды

  • 22 февраля 2012

Нарезка в Photoshop — New Layer Based Slice

  • 12 февраля 2012

Как перекрасить поля с автозаполнением в Google Chrome