Длинная полоска символ. Спецсимволы HTML. Стрелки символы для социальных сетей

Машинописный текст состоит из печатных знаков - графических символов.
Графические символы - это символы, которые имеют в тексте видимое отображение.
Все графические символы собраны в наборе единой универсальной системы Юникод.
Вставить графический символ Юникод в html-документ
- главное и единственное назначение для этой таблицы.

Вставить символ в html-документ можно одним из способов:

  1. скопировать изображение символа из окна браузера в окно своего визуального html-редактора
  2. скопировать html-код символа непосредственно в код html-документа
Унимаем, что это два разных способа:
  1. вставлять визуальное в визуальное
  2. вставлять код в код.

Шрифт для символа, его размер и цвет в HTML можно задать кодом, вида:
КОД_СИМВОЛА
где,
Arial - шрифт,
10px - размер шрифта в пикселях,
#ff0000 - код цвета шрифта (красный)

Например:
☎ - размер шрифта символа 30px,
☎ - размер шрифта символа 30px, цвет - красный
☎ - размер шрифта символа 20px,
☎ - размер шрифта символа 10px.
Прим. Рекомендуемые шрифты для вставки спецсимволов - Arial, Verdana и Tahoma. Эти шрифты корректно отображают символы Юникод и сами, в свою очередь, корректно поддерживаются веб-приложениями.

  1. «Символ»
    (видимое отображение символа)
    Из этой графы можно скопировать изображение символа и вставить его в окно текстового html-редактора. Символ скопируется с размером шрифта 20px. После завершения копирования может потребоваться индивидуальная подгонка размера шрифта непосредственно для скопированного знака.
  2. «Наименование»
    (только для важных или непонятных символов)
    Пояснение назначения символа, его область применения, примеры...
  3. «Мнемоника»
    Мнемоника - это буквенная конструкция вида ", обозначающая буквенный код символа в HTML. Вставляется непосредственно в html-код html-документа. Мнемоники очень популярны среди профессиональных верстальщиков. Они прекрасно запоминаются человеком и поддерживаются всеми html-приложениями. Каждая мнемоника содержит буквенное имя (обозначение) своего символа и служебный знак (&), который служит сигналом к прочтению кода для браузера и не отображается на экране монитора. Имя каждой мнемоники уникально и легко читаемо, потому что образовано от англоязычного слова, характеризующего символ.

    Мнемоника (греч.) - искусство запоминать что-либо. Мнемотехника применяется для облегчения восприятия труднозапоминаемой информации, когда объект запоминания приводится в ассоциативное состояние с чем-либо.

  4. «Код»
    Код - числовой десятичный код символа в HTML, вида &. Вставляется непосредственно в html-код html-документа. Числовой десятичный код состоит из числа, обозначающего порядковый номер символа в системе Юникод и нескольких служебных знаков (& и #), которые служат сигналом к прочтению кода для браузера и не отображаются на экране монитора. Числовой десятичный код имеет широкое распространение и применение, благодаря своей универсальности и простоте восприятия.

Символы управления в HTML (XHTML)

Символы управления в HTML (XHTML) - это служебные символы HTML-языка, которые используются при HTML-вёрстке веб-страницы. Эти символы обязан поддерживать любой браузер, поскольку без них невозможно правильное отображение HTML-текста. Символы управления не отображаются в тексте и, при прямом введении с клавиатуры - интерпретируются браузером как знаки препинания, призывающие к выполнению какого-либо действия при отрисовке страницы на экране.

Допускается использовать символы управления в обычных текстах, где они символизируют общечеловеческие понятия и трактуются браузером как обычные типографские знаки. При таком использовании служебных символов в HTML-текстах требуется вводить не значение самого символа, а именно его HTML-код. Ибо, повторяюсь - в противном случае браузер будет воспринимать служебный символ, как призыв к действию и не будет корректно отображать HTML-текст на экране монитора.

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

Синтаксис и пунктуация

пробел длины N (обычный пробел)
пробел длины M (длинныйпробел)
- мягкий перенос (непечатный знак) - ­
дефис –
- тире длины N (обычное тире) -
тире длины M (длинное тире)
. точка .
, запятая ,
многоточие …
: двоеточие :
; точка с запятой ;
! знак восклицания !
ǃ
? вопросительный знак ?
@ «собачка» @
* «звездочка» *
# «решетка» #
одиночная верхняя левая кавычка ‘
одиночная верхняя правая кавычка ’
одиночная нижняя правая кавычка ‚
двойная верхняя левая кавычка “
двойная верхняя правая кавычка ”
двойная нижняя правая кавычка &bdquo „
« двойная левая угловая кавычка (рус) « «
» двойная правая угловая кавычка (рус) » »
́ знак ударения, пример: Вася́ ́
" апостроф, пример: Вас"я "
´ акут, пример: Вас´я ´ ´
абзац (непечатный знак)
§ параграф § §
ˆ акцент (перевёрнутая птичка) ˆ ˆ
ˆ
˜ малая тильда ˜ ˜
˜
¦ вертикальный пунктир ¦ ¦
( круглая скобка влево (
) круглая скобка вправо )
угловая скобка влево
угловая скобка вправо
угловая скобка влево, вариант
угловая скобка вправо, вариант
[ квадратная скобка влево [
] квадратная скобка вправо ]
/ слэш (slash) - cимвол косой черты /
\ обратный слэш (backslash) \
косая дробная черта (знак деления)
ǀ вертикальная черта ǀ
ǁ двойная вертикальная черта ǁ
надчеркивание, пример: Вася‾вася
¯ macron, пример: Вася¯вася ¯ ¯

Товарные знаки и валюта

+ плюс + +
минус -
= равно =
± плюс-минус ± ±
× знак умножения × ×
÷ знак деления ÷ ÷
оператор «точка» (середина строки) ·
оператор «звёздочка» (середина строки)
оператор «тильда»
. маркер списка (середина строки) . •
¹ верхний индекс «1» ¹ ¹
² верхний индекс «2» ² ²
³ верхний индекс «3» ³ ³
Надстрочный и подстрочный индекс в HTML (XHTML)
можно вставить при помощи тегов и , соответственно:
ЧИСЛОНадстрочный индекс → ЧИСЛО Надстрочный индекс
ЧИСЛОПодстрочный индекс → ЧИСЛО Подстрочный индекс
½ дробь «одна вторая» ½ ½
дробь «одна треть»
¼ дробь «одна четвёртая» ¼ ¼
¾ дробь «три четверти» ¾ ¾
знак номера
% процент %
промилле ‰
° градусы ° °
штрих (минуты, футы)
двойной штрих (секунды, дюймы)
Пример 1: 30° 25′ 12″
Пример 2: 25′ 12
µ микро µ µ
π Пи π π
ƒ знак функции
(не путать с «интеграл»)
ƒ ƒ
ƒ
интеграл
перечеркнутый ноль, пустое множество
(не путать с «диаметр»)
диаметр (не путать с перечёркнутой латинской «о»)
ø латинская "o" диагонально перечёркнутая ø ø
Ø латинская заглавная "O" диагонально перечёркнутая Ø Ø
знак произведения
знак суммирования
радикал
(квадратный корень или корень степени x)
пропорционально
бесконечность
угол
ортогонально (перпендикулярно)
знак «cледовательно»
приблизительно равно
почти равно
не равно
идентично
меньше или равно
больше или равно
логическое И
логическое ИЛИ
знак «плюс в круге»
(прямая сумма)
знак «умножение в круге»
(векторное произведение, стрела от наблюдателя)
ʘ точка в круге
(стрела на наблюдателя)
ʘ

✵ ✵

Спецсимволы HTML - это специальные языковые конструкции, которые ссылаются на символы из набора символов, используемых в текстовых файлов. В таблице приведен список зарезервированных и специальных символов, которые не могут быть добавлены в исходный код HTML-документа с помощью клавиатуры:

  • символы, которые невозможно ввести с помощью клавиатуры (например символ копирайта)
  • символы предназначенные для разметки (например знак больше или меньше)

Такие символы добавляются с помощью числового кода или имени.

Символ Числовой код Имя символа Описание
" " " знак кавычки
" " " апостроф
& & & амперсанд
< < знак меньше
> > > знак больше
неразрывный пробел (Неразрывный пробел - это пробел отображающийся внутри строки как обычный пробел, но не позволяющий программам отображения и печати разорвать в этом месте строку.)
¡ ¡ ¡ перевернутый восклицательный знак
¢ ¢ ¢ цент
£ £ £ фунт
¤ ¤ ¤ валюты
¥ ¥ ¥ йен
¦ ¦ ¦ сломанная вертикальная черта
§ § § секция
¨ ¨ ¨ интервал (кириллица)
© знак копирайта
ª ª ª женский порядковый показатель
« « « французские кавычки (ёлочки) - левая
¬ ¬ ¬ отрицание-выражения
® ® ® зарегистрированная торговая марка
¯ ¯ ¯ макрон интервал
° ° ° градус
± ± ± плюс или минус
² ² ² верхний индекс 2
³ ³ ³ верхний индекс 3
´ ´ ´ острый интервал
µ µ µ микро
параграф
· · · средняя точка
¸ ¸ ¸ интервал седиль
¹ ¹ ¹ верхний индекс 1
º º º мужской порядковый показатель
» » » французские кавычки (ёлочки) - правая
¼ ¼ ¼ 1/4 часть
½ ½ ½ 1/2 часть
¾ ¾ ¾ 3/4 части
¿ ¿ ¿ перевернутый знак вопроса
× × × умножение
÷ ÷ ÷ деление
́ ́ ударение
Œ Œ Œ лигатура прописная OE
œ œ œ строчная лигатура oe
Š Š Š S с короной
š š š строчная S с короной
Ÿ Ÿ Ÿ прописная Y с диадемой
ƒ ƒ ƒ f с крюком
ˆ ˆ ˆ дикриатический акцент
˜ ˜ ˜ маленькая тильда
- тире
длинное тире
левая одиночная кавычка
правая одиночная кавычка
нижняя одиночная кавычка
левые двойные кавычки
правые двойные кавычки
нижние двойные кавычки
кинжал
двойной кинжал
. пуля
горизонтальное многоточие
промилле (тысячные доли)
минуты
секунды
одиночная левая угловая кавычка
одиночная правая угловая кавычка
надчеркивание
евро
™ или ™ торговая марка
стрелка влево
стрелка вверх
стрелка вправо
стрелка вниз
двухсторонняя стрелка
стрелка возврата каретки
левый верхний угол
правый верхний угол
левый нижний угол
правый нижний угол
ромб
пики
крести
черви
буби

Математические символы, поддерживаемые в HTML

Символ Числовой код Имя символа Описание
для любых, для всех
часть
существует
пустое множество
оператор Гамильтона ("набла")
принадлежит множеству
не принадлежит множеству
или
произведение
сумма
минус
умножение или оператор сопряженный к
× × × знак умножения
квадратный корень
пропорциональность
бесконечность
кратность
угол
и
или
пересечение
объединение
интеграл
поэтому
подобно
сравнимо
приблизительно равно
не равно
идентично
меньше или равно


меньше или равно
больше или равно


больше или равно
подмножество
надмножестов
не подмножество
подмножество
надмножество
прямая сумма
тензерное произведение
перпендикуляр
оператор точка

Греческий и коптский алфавиты

Символ Числовой код Шестнадцатеричный код Имя символа
Ͱ Ͱ Ͱ
ͱ ͱ ͱ
Ͳ Ͳ Ͳ
ͳ ͳ ͳ
ʹ ʹ ʹ
͵ ͵ ͵
Ͷ Ͷ Ͷ
ͷ ͷ ͷ
ͺ ͺ ͺ
ͻ ͻ ͻ
ͼ ͼ ͼ
ͽ ͽ ͽ
; ; ;
΄ ΄ ΄
΅ ΅ ΅
Ά Ά Ά
· · ·
Έ Έ Έ
Ή Ή Ή
Ί Ί Ί
Ό Ό Ό
Ύ Ύ Ύ
Ώ Ώ Ώ
ΐ ΐ ΐ
Α Α Α Α
Β Β Β Β
Γ Γ Γ Γ
Δ Δ Δ Δ
Ε Ε Ε Ε
Ζ Ζ Ζ Ζ
Η Η Η Η
Θ Θ Θ Θ
Ι Ι Ι Ι
Κ Κ Κ Κ
Λ Λ Λ Λ
Μ Μ Μ Μ
Ν Ν Ν Ν
Ξ Ξ Ξ Ξ
Ο Ο Ο Ο
Π Π Π Π
Ρ Ρ Ρ Ρ
Σ Σ Σ Σ
Τ Τ Τ Τ
Υ Υ Υ Υ
Φ Φ Φ Φ
Χ Χ Χ Χ
Ψ Ψ Ψ Ψ
Ω Ω Ω Ω
Ϊ Ϊ Ϊ
Ϋ Ϋ Ϋ
ά ά ά
έ έ έ
ή ή ή
ί ί ί
ΰ ΰ ΰ
α α α α
β β β β
γ γ γ γ
δ δ δ δ
ε ε ε ε
ζ ζ ζ ζ
η η η η
θ θ θ θ
ι ι ι ι
κ κ κ κ
λ λ λ λ
μ μ μ μ
ν ν ν ν
ξ ξ ξ ξ
ο ο ο ο
π π π π
ρ ρ ρ ρ
ς ς ς ς
σ σ σ σ
τ τ τ τ
υ υ υ υ
φ φ φ φ
χ χ χ χ
ψ ψ ψ ψ
ω ω ω ω
ϊ ϊ ϊ
ϋ ϋ ϋ
ό ό ό
ύ ύ ύ
ώ ώ ώ
Ϗ Ϗ Ϗ
ϐ ϐ ϐ
ϑ ϑ ϑ ϑ
ϒ ϒ ϒ ϒ
ϓ ϓ ϓ
ϔ ϔ ϔ
ϕ ϕ ϕ ϕ
ϖ ϖ ϖ ϖ
ϗ ϗ ϗ
Ϙ Ϙ Ϙ
ϙ ϙ ϙ
Ϛ Ϛ Ϛ
ϛ ϛ ϛ
Ϝ Ϝ Ϝ Ϝ
ϝ ϝ ϝ ϝ
Ϟ Ϟ Ϟ
ϟ ϟ ϟ
Ϡ Ϡ Ϡ
ϡ ϡ ϡ
Ϣ Ϣ Ϣ
ϣ ϣ ϣ
Ϥ Ϥ Ϥ
ϥ ϥ ϥ
Ϧ Ϧ Ϧ
ϧ ϧ ϧ
Ϩ Ϩ Ϩ
ϩ ϩ ϩ
Ϫ Ϫ Ϫ
ϫ ϫ ϫ
Ϭ Ϭ Ϭ
ϭ ϭ ϭ
Ϯ Ϯ Ϯ
ϯ ϯ ϯ
ϰ ϰ ϰ ϰ
ϱ ϱ ϱ ϱ
ϲ ϲ ϲ
ϳ ϳ ϳ
ϴ ϴ ϴ
ϵ ϵ ϵ ϵ
϶ ϶ ϶ ϶
Ϸ Ϸ Ϸ
ϸ ϸ ϸ
Ϲ Ϲ Ϲ
Ϻ Ϻ Ϻ
ϻ ϻ ϻ
ϼ ϼ ϼ
Ͻ Ͻ Ͻ
Ͼ Ͼ Ͼ
Ͽ Ͽ Ͽ

Зачем нужны спецсимволы и как ими пользоваться

Предположим, вы решили описать какой-нибудь тег на вашей странице, но, поскольку браузер использует символы < и > как начало и конец тега, применение их внутри содержимого вашего html-кода может привести к проблемам. Но HTML дает вам легкий способ определять эти и другие специальные символы с помощью простых аббревиатур, называемых ссылками на символы .

Рассмотрим, как это работает. Для каждого символа, который считается специальным или который вы хотите использовать на своей веб-странице, но который невозможно напечатать в вашем редакторе (например, символ авторского права), вы находите аббревиатуру и печатаете ее в html-коде вместо нужного символа. Например, для символа ">" аббревиатура - > , а для символа "<" - < .

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

Элемент очень важен

Попробовать »

Еще один специальный символ, о котором вам нужно знать - символ & (амперсанд). Если вы хотите, чтобы он отображался на вашей HTML-странице, используйте ссылку & вместо символа &.

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

Пару слов скажу об истории появления стрелок. На штанах они появились в 19 веке из-за того, что после транспортировки в плотных тюках, штаны трудно было разгладить. На глазах их рисовали ещё в древнем Египте. Когда появились указатели на местности я не знаю. Вероятно, ещё до создания первой письменности. В Юникоде стрелки появлялись поэтапно. Хоть у них есть свой отдельный раздел и два дополнительных к нему, различные индикаторы направлений можно увидеть ещё в нескольких разделах. Например, в разнообразных технических символах или в дингбатах.

Стрелки символы для социальных сетей

Необходимы чёрные стрелки и , конечно же. Ведь они указывают направление. Вот, например, направо-вниз: ⇘. А вот на юго-восток: ➘. Замечательно, не правда ли?

Указатели бывают самых разных видов и размеров. Волнистые, ломаные, жирные, чёрные, белые. Некоторые, очень даже не типичны. Взгляните на этот закрашенный правонаправленный наконечник копья: ➤. Такой сможет украсить любое сообщение, статус или . Выше собраны указатели на любой вкус и размер. Много разных, очень много. Когда-нибудь они захватят… Где-то было лекарство…

Чтобы скопировать стрелку куда-нибудь во вконтакт, выделите её мышкой и скопируйте куда-нибудь во вконтакт.

Понравилось? Лайкни нас на Facebook