Спецсимволы в html примеры

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;	¤	знак валюты
¥	¥	¥	знак йены и юаня
ƒ	ƒ	знак флорина

Маркеры

Изображение	Символ	Код	Описание
•	•	простой маркер
·	·	средняя точка
†	†	крестик
‡	‡	двойной крестик
♠	♠	пики
♣	♣	трефы
♥	♥	червы
♦	♦	бубны
◊	◊	ромб

Кавычки

Изображение	Символ	Код	Описание
«	"	"	двойная кавычка
&	&	&	амперсанд
«	«	«	левая типографская кавычка (кавычка-елочка)
»	»	»	правая типографская кавычка (кавычка-елочка)
′	′	штрих (минуты, футы)
″	″	двойной штрих (секунды, дюймы)
“	“	кавычка-лапка левая
”	”	кавычка-лапка правая верхняя
„	„	кавычка-лапка правая нижняя
‹	‹	одинарная угловая кавычка открывающая
›	›	одинарная угловая кавычка закрывающая
‘	‘	левая верхняя одинарная кавычка
’	’	правая верхняя одинарная кавычка
‚	‚	правая нижняя одинарная кавычка

Стрелки

Изображение	Символ	Код	Описание
←	←	стрелка влево
↑	↑	стрелка вверх
→	→	стрелка вправо
↓	↓	стрелка вниз
↔	↔	стрелка влево и вправо
⇐	⇐	двойная стрелка влево
⇑	⇑	двойная стрелка вверх
⇒	⇒	двойная стрелка вправо (следствие)
⇓	⇓	двойная стрелка вниз
⇔	⇔	двойная стрелка влево-вправо (туда-сюда)

Источник

Спецсимволы HTML

Бывают случаи, когда на сайте нужно вывести некоторые специальные символы, которых нет на обычной клавиатуре. К таким символам относятся, например, буквы греческого алфавита, стрелки, тире и другие символы. Как правило, спец символы в HTML начинаются с амперсанда (&) и заканчиваются точкой с запятой (;). Рассмотрим наиболее популярные HTML символы.

Тире в HTML

Тире с помощью HTML-кода можно проставить следующим образом:

Стрелки в HTML

Греческие буквы в HTML

Строчные буквы греческого алфавита записываются следующим образом:

• α — альфа строчная (α);
• β — бета строчная (β);
• γ — гамма строчная (γ);
• δ — дельта строчная (δ);

Заглавные буквы греческого алфавита выводятся с помощью тех же ключевых слов, начинающихся с заглавной буквы:

• Α — альфа заглавная (Α);
• Β — бета заглавная (Β);
• Γ — гамма заглавная (Γ);
• Δ — дельта заглавная (Δ);

Другие спецсимволы в HTML

Ниже приведены некоторые другие спецсимволы, которые часто используются в тексте:

• & — символ амперсанда (&);
• < — символ «меньше» ( <);
• > — символ «больше» (>);
• « — символ левой двойной угловой скобки («);
• » — символ правой двойной угловой скобки (»);
•   — неразрывный пробел (по поводу использования различных видов пробелов с помощью HTML в «Нубекс» есть отдельная статья: Пробелы в HTML;
• € — знак валюты евро (€);
• £ — знак фунта стерлингов (£);
• § — символ параграфа (§);
• ™ — обозначение торговой марки (™);
• ± — символ плюс-минус (±);
• ° — символ градуса (°);
• ½ — символ дроби 1/2 (½);
• × — символ умножения (×);
• ÷ — символ деления (÷);

В конструкторе сайтов «Нубекс» есть стандартный визуальный редактор, который позволяет вставлять спецсимволы на сайт непосредственно из админ-панели.

Наиболее полный список специальных символов в HTML вы сможете найти на сайте w3schools.com.

Смотрите также:

Источник

Спецсимволы HTML

Таблица спецсимволов HTML, содержит самые популярные символы для верстки и оформления контента веб-страниц.

Чтобы разместить символ на странице, необходимо скопировать код символа и вставить в исходный HTML-код страницы.

Спецсимволы чувствительны к регистру, поэтому их необходимо прописывать точно так, как указано в таблице.

Оформление текста и пунктуация

Код	Символ	Описание
	Неразрывный пробел
	Узкий пробел (длины N)
	Широкий пробел (длины M)
…	…	Многоточие
.	.	Точка
,	,	Запятая
:	:	Двоеточие
;	;	Точка с запятой
!	!	Восклицательный знак
?	?	Вопросительный знак
¿	¿	Перевернутый вопросительный знак
–	–	Дефис
–	–	Обычное тире (длины N)
—	—	Обычное тире (длины M)
@	@	Собачка
*	*	Звездочка
#	#	Решетка
¶	¶	Абзац
§	§	Параграф
́	́	Ударение
'	‘	Апостроф
´	´	Акут
ˆ	ˆ	Акцент
˜	˜	Малая тильда
/	/	Символ косой черты (slash)
\	\	Обратный слэш (backslash)
⁄	⁄	Косая дробная черта (деление)
ǀ	ǀ	Вертикальная черта
•	•	Простой маркер
·	·	Средняя точка
○	○	Круг

Кавычки и скобки

Код	Символ	Описание
"	«	Двойная кавычка
‘	‘	Одиночная верхняя левая кавычка
’	’	Одиночная верхняя правая кавычка
‚	‚	Одиночная нижняя правая кавычка
“	“	Двойная верхняя левая кавычка
”	”	Двойная верхняя правая кавычка
„	„	Двойная нижняя правая кавычка
«	«	Двойная левая угловая кавычка
»	»	Двойная правая угловая кавычка
(	(	Круглая скобка влево
)	)	Круглая скобка вправо
⟨	〈	Угловая скобка влево
⟩	〉	Угловая скобка вправо
&#lsaquo;	‹	Угловая скобка влево, вариант
&#rsaquo;	›	Угловая скобка вправо, вариант
[	[	Квадратная скобка влево
]	]	Квадратная скобка вправо
❛	❛	Одиночная английская кавычка открывающая
❜	❜	Одиночная английская кавычка закрывающая
❝	❝	Двойная английская кавычка открывающая
❞	❞	Двойная английская кавычка закрывающая

Математические знаки

Код	Символ	Описание
+	+	Плюс
−	−	Минус
=	=	Равно
×	×	Умножение
÷	÷	Деление
±	±	Плюс-минус
¹	¹	Верхний индекс «1»
²	²	Верхний индекс «2»
³	³	Верхний индекс «3»
½	½	Дробь «одна вторая»
⅓	⅓	Дробь «одна треть»
¼	¼	Дробь «одна четвёртая»
¾	¾	Дробь «три четверти»
№	№	Номер
%	%	Процент
‰	‰	Промилле
‱	‱	Знак на десять тысяч
µ	µ	Микро
π	π	Пи
ƒ	ƒ	Функции
∫	∫	Интеграл
∏	∏	Произведение
∑	∑	Суммирование
√	√	Радикал
∞	∞	Бесконечность
∝	∝	Пропорционально
≅	≅	Приблизительно равно
≈	≈	Почти равно
≠	≠	Не равно
≡	≡	Идентично
≤	≤	Меньше или равно
≥	≥	Больше или равно
∑	∑	Суммирование

Стрелки и указатели

Код	Символ	Описание
←	←	Стрелка влево
↑	↑	Стрелка вверх
→	→	Стрелка вправо
↓	↓	Стрелка вниз
↔	↔	Стрелка влево-вправо
⇆	⇆	Стрелка влево-вправо
⇐	⇐	Двойная стрелка влево
⇑	⇑	Двойная стрелка вверх
⇒	⇒	Двойная стрелка вправо
⇓	⇓	Двойная стрелка вниз
⇔	⇔	Двойная стрелка влево-вправо
⇕	⇕	Двойная стрелка вверх и вниз
⇧	⇧	Толстая полая стрелка вверх
⬇	⬇	Закрашенная стрелка вниз
⬆	⬆	Закрашенная стрелка вверх
➥	➥	Изогнутая стрела, указывающая вниз и вправо
➦	➦	Изогнутая стрела, указывающая вверх и вправо
↺	↺	Круглая стрелка с наконечником против часовой стрелки
↻	↻	Круглая стрелка с наконечником против часовой стрелки
↵	↵	Возврат каретки
↩	↩	Стрелка налево с крючком
▲	▲	Треугольная стрелка вверх
▼	▼	Треугольная стрелка вниз
►	►	Треугольная стрелка вправо
◄	◄	Треугольная стрелка влево
☚	☚	Указательный палец закрашенный влево
☛	☛	Указательный палец закрашенный вправо
☜	☜	Указательный палец прозрачный влево
☝	☝	Указательный палец прозрачный вверх
☞	☞	Указательный палец прозрачный вправо
☟	☟	Указательный палец прозрачный вниз
˂	˂	Направление влево
˃	˃	Направление вправо
˄	˄	Направление прямо
˅	˅	Направление назад

Источник

Спецсимволы в HTML

Очень часто при написании кода HTML приходится выводить спецсимволы. Например, при написании статей для этого сайта, мне часто приходится писать, например, » «. Как вывести данный тег? Разумеется, если Вы в HTML-коде просто напишите » «, то браузер будет его интерпретировать как системный. Как поступить в данной ситуации? Ответ на этот вопрос находится в этой статье.

Я Вам покажу далеко не все спецсимволы в HTML, так как их достаточно много, а вот самые основные в таблице ниже:

Вид символа	Имя символа
©	copy
®	reg
™	trade
∞	infin
>	gt
	lt
&	amp
€	euro
§	sect

А теперь разберём один простой пример на использование спецсимволов в HTML. Например, выведем вот такой код:

HTML-код, необходимый для того, чтобы вывести текст выше:

Если вдруг, кто забыл или не знает, то « » — это обычный пробел (тоже спецсимвол). Просто ввиду того, что все теги, кроме ( ) вырезают лишние пробелы, то для вывода 2-х и более подряд идущих пробелов необходимо использовать эту сущность. Как можно понять из примера, для вывода спецсимвола необходимо соблюдать следующий синтаксис:

Если Вам потребуются ещё какие-нибудь символы, то можете поискать в Интернете, а самые основные я Вам уже дал.

Создано 17.12.2010 15:05:00

Михаил Русаков

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

1. Кнопка:
   Она выглядит вот так:
2. Текстовая ссылка:
   Она выглядит вот так: Как создать свой сайт
3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Источник

Читайте также:  Jquery array html elements