Пробел в хтмл – html ( ). - Блог сумасшедшего сисадмина

Содержание

Спецсимволы | htmlbook.ru

Для отображения символов, которых нет на клавиатуре, применяются специальные знаки, начинающиеся с амперсанда (&) и заканчивающиеся точкой с запятой (;). В табл. 7.1 приведены некоторые популярные спецсимволы.

Табл. 7.1. Спецсимволы
Имя	Код	Вид	Описание
			неразрывный пробел
£	£	£	фунт стерлингов
€	€	€	знак евро
¶	¶	¶	символ параграфа
§	§	§	параграф
©	©	©	знак copyright
®	®	®	знак зарегистрированной торговой марки
™	™	™	знак торговой марки
°	°	°	градус
±	±	±	плюс-минус
¼	¼	¼	дробь — одна четверть
½	½	½	дробь — одна вторая
¾	¾	¾	дробь — три четверти
×	×	×	знак умножения
÷	÷	÷	знак деления
&fnof;	ƒ	ƒ	знак функции
Греческие буквы
Α	Α	Α	греческая заглавная буква альфа
Β	Β	Β	греческая заглавная буква бета
Γ	Γ	Γ	греческая заглавная буква гамма
Δ	Δ	Δ	греческая заглавная буква дельта
Ε	Ε	Ε	греческая заглавная буква эпсилон
Ζ	Ζ	Ζ	греческая заглавная буква дзета
Η	Η	Η	греческая заглавная буква эта
Θ	Θ	Θ	греческая заглавная буква тета
Ι	Ι	Ι	греческая заглавная буква иота
Κ	Κ	Κ	греческая заглавная буква каппа
Λ	Λ	Λ	греческая заглавная буква лямбда
Μ	Μ	Μ	греческая заглавная буква мю
Ν	Ν	Ν	греческая заглавная буква ню
Ξ	Ξ	Ξ	греческая заглавная буква кси
Ο	Ο	Ο	греческая заглавная буква омикрон
Π	Π	Π	греческая заглавная буква пи
Ρ	Ρ	Ρ	греческая заглавная буква ро
Σ	Σ	Σ	греческая заглавная буква сигма
Τ	Τ	Τ	греческая заглавная буква тау
Υ	Υ	Υ	греческая заглавная буква ипсилон
Φ	Φ	Φ	греческая заглавная буква фи
Χ	Χ	Χ	греческая заглавная буква хи
Ψ	Ψ	Ψ	греческая заглавная буква пси
Ω	Ω	Ω	греческая заглавная буква омега
α	α	α	греческая строчная буква альфа
β	β	β	греческая строчная буква бета
γ	γ	γ	греческая строчная буква гамма
δ	δ	δ	греческая строчная буква дельта
ε	ε	ε	греческая строчная буква эпсилон
ζ	ζ	ζ	греческая строчная буква дзета
η	η	η	греческая строчная буква эта
θ	θ	θ	греческая строчная буква тета
ι	ι	ι	греческая строчная буква иота
κ	κ	κ	греческая строчная буква каппа
λ	λ	λ	греческая строчная буква лямбда
μ	μ	μ	греческая строчная буква мю
ν	ν	ν	греческая строчная буква ню
ξ	ξ	ξ	греческая строчная буква кси
ο	ο	ο	греческая строчная буква омикрон
π	π	π	греческая строчная буква пи
ρ	ρ	ρ	греческая строчная буква ро
&sigmaf;	ς	ς	греческая строчная буква сигма
σ	σ	σ	греческая строчная буква сигма
τ	τ	τ	греческая строчная буква тау
υ	υ	υ	греческая строчная буква ипсилон
φ	φ	φ	греческая строчная буква фи
χ	χ	χ	греческая строчная буква хи
ψ	ψ	ψ	греческая строчная буква пси
ω	ω	ω	греческая строчная буква омега
Стрелки
←	←	←	стрелка влево
↑	↑	↑	стрелка вверх
→	→	→	стрелка вправо
↓	↓	↓	стрелка вниз
↔	↔	↔	стрелка влево-вправо
Прочие символы
&spades;	♠	♠	знак масти «пики»
&clubs;	♣	♣	знак масти «трефы»
&hearts;	♥	♥	знак масти «червы»
&diams;	♦	♦	знак масти «бубны»
"	"	«	двойная кавычка
&	&	&	амперсанд
<	<	<	знак «меньше»
>	>	>	знак «больше»
Знаки пунктуации
…	…	…	многоточие …
′	′	′	одиночный штрих — минуты и футы
″	″	″	двойной штрих — секунды и дюймы
Общая пунктуация
–	–	–	тире
—	—	—	длинное тире
‘	‘	‘	левая одиночная кавычка
’	’	’	правая одиночная кавычка
&sbquo;	‚	‚	нижняя одиночная кавычка
“	“	“	левая двойная кавычка
”	”	”	правая двойная кавычка
&bdquo;	„	„	нижняя двойная кавычка
«	«	«	левая двойная угловая скобка
»	»	»	правая двойная угловая скобка

htmlbook.ru

Инструкция как в HTML коде сделать длинный неразрывный пробел

В этой инструкции вы узнаете о том как вставить неразрывный пробел в HTML. Расскажу об особенностях и нюансах вставки длинных пробелов в код.

Самое главное — не стоит путать неразрывный пробел с обычным!

Что такое неразрывный пробел в HTML?

Неразрывный пробел — спецсимвол в HTML (см. также что такое HTML), благодаря которому браузер будет воспринимать каждый из этих пробелов как те, которые нужно отобразить, а не игнорировать.

Пример предельно простой. Многие из вас наверное помнят, как осуществляли «форматирование пробелами» какого-нибудь важного документа, будучи начинающими пользователями Ворда. Поставишь 30 пробелов подряд и, что называется, будет выравнено как надо!

В HTML такие фокусы не прокатят. Если я сейчас напишу 30 пробелов при написании поста в HTML-редакторе, он просто проигнорирует их, отображая лишь один.

И, соответственно, не проигнорирует неразрывный пробел как элемент форматирования вашего HTML-кода.

Еще одна фишка длинного неразрывного пробела в том, что использование его в длинной строке «запрещает» ее разбиение в местах использования. Что это значит? Это значит, что такой пробел будет уместно использовать в тех местах, где перенос словосочетания на новую строку нужно осуществить полностью, не разбивая его на отдельные слова.

Как в HTML сделать неразрывный пробел?

Приведу пример для интернет-магазинов. В длинной строке использование пробела в тексте или таблице обычным текстом «25 000 долларов» может привести к тому что в отдельных случаях у вас «25» будет на одной строке, а «000 долларов» — на другой. Сходные ситуации действительно возможны и неразрывный пробел страхует от этого. Код:

25 000 долларов

При использовании этого кода, запись «25 000 долларов» будет целиком на новой строке, если браузер вдруг захочет ее перенести (в случае если не влезает).

Пример кода неразрывного пробела (non-breaking space) позволит вам сделать пробел в любом месте HTML-страницы:

Неразрывный пробел, это не тег, а спецсимвол. Поэтому его нужно сопровождать сначала амперсандом, а в конце — точкой с запятой. Что это дает? Браузер видит где у спецсимвола начало и конец, а значит вы сможете вставить несколько пробелов подряд:

Обычно конечно это не требуется. Все гораздо приземленнее, например, если нужно перенести на новую строку ФИО целиком, а не делая инициалы «повисшими» на предыдущей строке (или если речь идет о большом и длинном числе вида 900 000 000). Код:

Кстати, в Ворде неразрывный пробел вставляется CTRL+SHIFT+SPACE.

Распространено некорректное применение неразрывного пробела в верстке — для задания отступов между элементами навигации или абзацем и картинкой. Вы должны понимать, что не надо так. Лучшее решение подобных задач — тегом <div></div> или <span></span>.

Итог

Резюмируя:

Если у вас встречается потребность в нескольких пробелах подряд, используйте спецсимвол nbsp между словами столько раз, сколько нужно.
Помните, что длинный пробел не позволяет разорвать строку на месте словосочетания — используйте этот спецсимвол с умом, не злоупотребляя и не применяя в качестве «напильника» для того, чтобы поправить немного верстку.
Для регулирования длины пробела используйте ensp и emsp. Ensp — длинный пробел, равный длине двух обычных пробелов (длина «N»). Emsp — самый длинный пробел, по длине равный четырем обычным пробелам (длина «M»).

Есть также принудительный разрыв строки br и предварительное форматирование текста тегами <pre></pre>, но это тема отдельной статьи и поговорим мы об этом как-нибудь потом.

Памятка: не забудьте о том, что набор HTML-кода нужно осуществлять в редакторе для обработки кода (в WordPress есть специальная вкладка для этого).

blogwork.ru

Спецсимволы | htmlbook.ru

Табл. 7.1. Спецсимволы
Имя	Код	Вид	Описание
			неразрывный пробел
£	£	£	фунт стерлингов
€	€	€	знак евро
¶	¶	¶	символ параграфа
§	§	§	параграф
©	©	©	знак copyright
®	®	®	знак зарегистрированной торговой марки
™	™	™	знак торговой марки
°	°	°	градус
±	±	±	плюс-минус
¼	¼	¼	дробь — одна четверть
½	½	½	дробь — одна вторая
¾	¾	¾	дробь — три четверти
×	×	×	знак умножения
÷	÷	÷	знак деления
&fnof;	ƒ	ƒ	знак функции
Греческие буквы
Α	Α	Α	греческая заглавная буква альфа
Β	Β	Β	греческая заглавная буква бета
Γ	Γ	Γ	греческая заглавная буква гамма
Δ	Δ	Δ	греческая заглавная буква дельта
Ε	Ε	Ε	греческая заглавная буква эпсилон
Ζ	Ζ	Ζ	греческая заглавная буква дзета
Η	Η	Η	греческая заглавная буква эта
Θ	Θ	Θ	греческая заглавная буква тета
Ι	Ι	Ι	греческая заглавная буква иота
Κ	Κ	Κ	греческая заглавная буква каппа
Λ	Λ	Λ	греческая заглавная буква лямбда
Μ	Μ	Μ	греческая заглавная буква мю
Ν	Ν	Ν	греческая заглавная буква ню
Ξ	Ξ	Ξ	греческая заглавная буква кси
Ο	Ο	Ο	греческая заглавная буква омикрон
Π	Π	Π	греческая заглавная буква пи
Ρ	Ρ	Ρ	греческая заглавная буква ро
Σ	Σ	Σ	греческая заглавная буква сигма
Τ	Τ	Τ	греческая заглавная буква тау
Υ	Υ	Υ	греческая заглавная буква ипсилон
Φ	Φ	Φ	греческая заглавная буква фи
Χ	Χ	Χ	греческая заглавная буква хи
Ψ	Ψ	Ψ	греческая заглавная буква пси
Ω	Ω	Ω	греческая заглавная буква омега
α	α	α	греческая строчная буква альфа
β	β	β	греческая строчная буква бета
γ	γ	γ	греческая строчная буква гамма
δ	δ	δ	греческая строчная буква дельта
ε	ε	ε	греческая строчная буква эпсилон
ζ	ζ	ζ	греческая строчная буква дзета
η	η	η	греческая строчная буква эта
θ	θ	θ	греческая строчная буква тета
ι	ι	ι	греческая строчная буква иота
κ	κ	κ	греческая строчная буква каппа
λ	λ	λ	греческая строчная буква лямбда
μ	μ	μ	греческая строчная буква мю
ν	ν	ν	греческая строчная буква ню
ξ	ξ	ξ	греческая строчная буква кси
ο	ο	ο	греческая строчная буква омикрон
π	π	π	греческая строчная буква пи
ρ	ρ	ρ	греческая строчная буква ро
&sigmaf;	ς	ς	греческая строчная буква сигма
σ	σ	σ	греческая строчная буква сигма
τ	τ	τ	греческая строчная буква тау
υ	υ	υ	греческая строчная буква ипсилон
φ	φ	φ	греческая строчная буква фи
χ	χ	χ	греческая строчная буква хи
ψ	ψ	ψ	греческая строчная буква пси
ω	ω	ω	греческая строчная буква омега
Стрелки
←	←	←	стрелка влево
↑	↑	↑	стрелка вверх
→	→	→	стрелка вправо
↓	↓	↓	стрелка вниз
↔	↔	↔	стрелка влево-вправо
Прочие символы
&spades;	♠	♠	знак масти «пики»
&clubs;	♣	♣	знак масти «трефы»
&hearts;	♥	♥	знак масти «червы»
&diams;	♦	♦	знак масти «бубны»
"	"	«	двойная кавычка
&	&	&	амперсанд
<	<	<	знак «меньше»
>	>	>	знак «больше»
Знаки пунктуации
…	…	…	многоточие …
′	′	′	одиночный штрих — минуты и футы
″	″	″	двойной штрих — секунды и дюймы
Общая пунктуация
–	–	–	тире
—	—	—	длинное тире
‘	‘	‘	левая одиночная кавычка
’	’	’	правая одиночная кавычка
&sbquo;	‚	‚	нижняя одиночная кавычка
“	“	“	левая двойная кавычка
”	”	”	правая двойная кавычка
&bdquo;	„	„	нижняя двойная кавычка
«	«	«	левая двойная угловая скобка
»	»	»	правая двойная угловая скобка

htmlbook.ru

Все символы HTML

Кроме этого, для ввода символов, недоступных при использовании обычной клавиатуры, существуют Alt-коды.

символ	html-код	десятичный код	описание
			неразрывный пробел
	&ensp;		узкий пробел (еn-шириной в букву n)
	&emsp;		широкий пробел (em-шириной в букву m)
–	–	–	узкое тире (en-тире)
—	—	—	широкое тире (em -тире)
			мягкий перенос
а́		́	ударение, ставится после «ударной» буквы

©	©	©	копирайт
®	®	®	знак зарегистрированной торговой марки
™	™	™	знак торговой марки
º	º	º	копье Марса
ª	ª	ª	зеркало Венеры
‰	&permil;	‰	промилле
π	π	π	пи (используйте Times New Roman)
¦	¦	¦	вертикальный пунктир
§	§	§	параграф
°	°	°	градус
µ	µ	µ	знак «микро»
¶	¶	¶	знак абзаца
…	…	…	многоточие
‾	&oline;	‾	надчеркивание
´	´	´	знак ударения
№		№	знак номера
🔍		🔍	Лупа (наклонённая влево)
🔎		🔎	Лупа (наклонённая вправо)
☎		☎	Телефон
✉		✉	Конверт, email, почта
💾		💾	Дискета
🛠		🛠	Молоток и гаечный ключ, настройка
🔒		🔒	Замок закрыт
🔓		🔓	Замок открыт
🔔		🔔	Колокольчик
🔕		🔕	Колокольчик перечеркнутый
🗑		🗑	Урна
🔥		🔥	Огонь
🛇		🛇	Запрещено
⛔		⛔	Вход запрещен (кирпич)
⛳		⛳	Фраг в воронке, местоположение, место встречи, гольф

знаки арифметических и математических операций
×	×	×	умножить
÷	÷	÷	разделить
<	<	<	меньше
>	>	>	больше
±	±	±	плюс/минус
¹	¹	¹	степень 1
²	²	²	степень 2
³	³	³	степень 3
¬	¬	¬	отрицание
¼	¼	¼	одна четвертая
½	½	½	одна вторая
¾	¾	¾	три четверти
⁄	frasl;	⁄	дробная черта
−	minus;	−	минус
≤	≤	≤	меньше или равно
≥	≥	≥	больше или равно
≈	≈	≈	приблизительно (почти) равно
≠	≠	≠	не равно
≡	&equiv;	≡	тождественно
√	√	√	квадратный корень (радикал)
∞	∞	∞	бесконечность
∑	∑	∑	знак суммирования
∏	∏	∏	знак произведения
∂	∂	∂	частичный дифференциал
∫	∫	∫	интеграл
∀	∀	∀	для всех (видно только если жирным шрифтом)
∃	∃	∃	существует
∅	∅	∅	пустое множество
Ø	Ø	Ø	диаметр
∈	∈	∈	принадлежит
∉	∉	∉	не принадлежит
∋	&ni;	∗	содержит
⊂	⊂	⊂	является подмножеством
⊃	⊃	⊃	является надмножеством
⊄	&nsub;	⊄	не является подмножеством
⊆	&sube;	⊆	является подмножеством либо равно
⊇	&supe;	⊇	является надмножеством либо равно
⊕	&oplus;	⊕	плюс в кружке
⊗	&otimes;	⊗	знак умножения в кружке
⊥	&perp;	⊥	перпендикулярно
∠	&ang;	∠	угол
∧	&and;	∧	логическое И
∨	&or;	∨	логическое ИЛИ
∩	∩	∩	пересечение
∪	∪	∪	объединение
знаки валют
€	€	€	Евро
¢	¢	¢	Цент
£	£	£	Фунт
¤	&current;	¤	Знак валюты
¥	¥	¥	Знак йены и юаня
ƒ	&fnof;	ƒ	Знак флорина
₽		₽	Знак рубля
маркеры, птички, галочки, check mark
•	•	•	простой маркер
○		○	круг
·	·	·	средняя точка
†		†	крестик
‡		‡	двойной крестик
♠	&spades;	♠	пики
♣	&clubs;	♣	трефы
♥	&hearts;	♥	червы
♦	&diams;	♦	бубны
◊	&loz;	◊	ромб
❤		❤	жирное сердце
✓		✓	Символ галочка
✔		✔	Жирная отметка галочкой
𐄂		𐄂	Крестик
🗸		🗸	Тонкая галочка
✅		✅	Жирная незакрашенная отметка галочка
☑		☑	Галочка в квадрате
🗹		🗹	Жирная галочка в квадрате
⚠		⚠	Внимание!
карандаши, перья, кисти
✍		✍	пишущая рука
✎		✎	карандаш, направленный вправо-вниз
✏		✏	карандаш
✐		✐	карандаш, направленный вправо-вверх
✑		✑	незакрашенное острие пера
✒		✒	закрашенное острие пера
🖌		🖌	кисть, направленная влево-вниз
кавычки
»	"	"	двойная кавычка
&	&	&	амперсанд
«	«	«	левая типографская кавычка (кавычка-елочка)
»	»	»	правая типографская кавычка (кавычка-елочка)
‹		‹	одиночная угловая кавычка открывающая
›		›	одиночная угловая кавычка закрывающая
′	′	′	штрих (минуты, футы)
″	″	″	двойной штрих (секунды, дюймы)
‘	‘	‘	левая верхняя одиночная кавычка
’	’	’	правая верхняя одиночная кавычка
‚	&sbquo;	‚	правая нижняя одиночная кавычка
“	“	“	кавычка-лапка левая
”	”	”	кавычка-лапка правая верхняя
„	&bdquo;	„	кавычка-лапка правая нижняя
❛		❛	одиночная английская кавычка открывающая
❜		❜	одиночная английская кавычка закрывающая
❝		❝	двойная английская кавычка открывающая
❞		❞	двойная английская кавычка закрывающая
стрелки
←	←	←	стрелка влево
↑	↑	↑	стрелка вверх
→	→	→	стрелка вправо
↓	↓	↓	стрелка вниз
↔	↔	↔	стрелка влево и вправо
↕		↕	стрелка вверх и вниз
↵	&crarr;	↵	возврат каретки
⇐	⇐	⇐	двойная стрелка влево
⇑	&uArr;	⇑	двойная стрелка вверх
⇒	⇒	⇒	двойная стрелка вправо
⇓	&dArr;	⇓	двойная стрелка вниз
⇔	⇔	⇔	двойная стрелка влево и вправо
⇕		⇕	двойная стрелка вверх и вниз
▲		▲	треугольная стрелка вверх
▼		▼	треугольная стрелка вниз
►		►	треугольная стрелка вправо
◄		◄	треугольная стрелка влево
звездочки, снежинки
☃		☃	Снеговик
❄		❄	Снежинка
❅		❅	Зажатая трилистниками снежинка
❆		❆	Жирная остроугольная снежинка
★		★	Закрашенная звезда
☆		☆	Незакрашенная звезда
✪		✪	Незакрашенная звезда в закрашенном круге
✫		✫	Закрашенная звезда с незакрашенным кругом внутри
✯		✯	Вращающаяся звезда
⚝		⚝	Начерченная белая звезда
⚪		⚪	Средний незакрашенный круг
⚫		⚫	Средний закрашенный круг
⚹		⚹	Секстиле (типа снежинка)
✵		✵	Восьмиконечная вращающаяся звезда
❉		❉	Звёздочка с шарообразными окончаниями
❋		❋	Жирная восьмиконечная каплеобразная звёздочка-пропеллер
✺		✺	Шестнадцатиконечная звёздочка
✹		✹	Двенадцатиконечная закрашенная звезда
✸		✸	Жирная восьмиконечная прямолинейная закрашенная звезда
✶		✶	Шестиконечная закрашенная звезда
✷		✷	Восьмиконечная прямолинейная закрашенная звезда
✴		✴	Восьмиконечная закрашенная звезда
✳		✳	Восьмиконечная звёздочка
✲		✲	Звёздочка с незакрашенным центром
✱		✱	Жирная звёздочка
✧		✧	Заострённая четырёхконечная незакрашенная звезда
✦		✦	Заострённая четырёхконечная закрашенная звезда
⍟		⍟	Звезда в круге
⊛		⊛	Снежинка в круге
часы, время
⏰		⏰	Будильник
⌚		⌚	Наручные часы
⌛		⌛	Песочные часы
⏳		⏳	Песочные часы
🕰		🕰	Каминные часы

htmlweb.ru

Пробел в html — три простых способа

Здравствуйте) Сегодня мы разберем самый задаваемый вопрос новичков — как сделать пробел в html? Если вы читаете эту статью вы скорее всего недавно узнали об html и хотите создавать крутые сайты, признаюсь честно даже я в начале своего пути web разработчика искал решение в интеренте.

Почему же мы не можем поставить несколько пробелов? Все дело в том что пробелы между словами в html обрабатываются иначе чем в текстовых редакторах, когда браузер интерпретирует html код он соединяет все пробелы в один. Это относится и к другим символам: табуляция, абзац и т.д.

Три способа как сделать пробел между строк.

Способ первый это использовать тег

<pre>Много текста с пробелами !!!</pre>

Текст в этом теге отображается со всеми символами, точно также как и в редакторе. На практике я его использую только для вставки кода в текст, чтобы сохранить форматирование.

Способ второй это использовать спец символ

Это я считаю самый лучший способ, где нужно вставил сколь необходимо и радуйся жизни. Но переусердствуйте, много таких символов это уже не есть хорошо. Для больших отступов используйте css padding и margin.

Способ третий и самый редкий, я его никогда не использовал свойство css white-space

Выглядит это следующим образом:

p { white-space: pre; }

p {

white-space: pre;

}

По сути это тот же тег «pre» только через css свойство. Хочу подметить, свойство white-space поддерживается не всеми браузерами (в частности, IE6 и IE7 не поддерживают).

Думаю вы раз и навсегда разобрались с вопросом — как вставить пробел в html. Если вам понравилась статья, делитесь ей в соц. сетях, подписывайтесь на мой youtube канал и группы в вк и facebook. Пока!

comments powered by HyperComments

webupblog.ru

Пробелы в HTML

Вы здесь: Главная — HTML — HTML Основы — Пробелы в HTML

Все, кто пытался создавать сайты на HTML сталкивались с такой проблемой. Почти все теги HTML вырезают лишние пробелы. И в этот раз я Вам приведу пример этой «вырезки», а также расскажу, как сделать так, чтобы пробелы не вырезались.

Давайте для начала напишем простой HTML-код:

<p>Некий текст Продолжение...</p>

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

Существуют три варианта отображения дополнительных пробелов в HTML. Первый способ — это использование тега <pre>:

<pre><p>Некий текст Продолжение...</p></pre>

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

Но есть и другой способ, который я использую регулярно — сущность « «. Данная сущность просто заменяет символ пробела:

<p>Некий текст      Продолжение...</p>

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

И, наконец, последний способ — это использование CSS. Для этого Вам достаточно добавить такой стиль:

p {
  white-space: pre;
}

Данный способ самый быстрый и простой, однако, я его не использую, так как в моей практике встречается мало случаев, в которых мне приходится добавлять много подряд идущих пробелов. А если они и случаются, то использую сущность « » несколько раз. Вдобавок, свойство white-space поддерживается не всеми браузерами (в частности, IE6 и IE7 не поддерживают), что уже ограничивает область действия данного способа.

В общем, резюмирую:

1) Если у Вас какая-нибудь часть текста содержит много пробелов в разных местах, то используйте тег <pre>.

2) Если у Вас где-нибудь встречается одиночный момент, где нужно несколько пробелов подряд, то используйте сущность «&nbsp«;

3) Если же у Вас вся страница соткана из кучи подряд идущих пробелов (хотя это бывает крайне редко), то используйте свойство white-space со значением pre.

Если Вы хотите узнать больше по HTML, то посмотрите мой бесплатный курс с примером создания сайта на HTML: http://srs.myrusakov.ru/html

Создано 07.12.2010 10:41:18
Михаил Русаков

Предыдущая статья Следующая статья

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

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

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

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

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

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

Кнопка:
<a href=»https://myrusakov.ru» target=»_blank»><img src=»https://myrusakov.ru/images/button.gif» alt=»Как создать свой сайт» /></a>
Она выглядит вот так:
Текстовая ссылка:
<a href=»https://myrusakov.ru» target=»_blank»>Как создать свой сайт</a>
Она выглядит вот так: Как создать свой сайт
BB-код ссылки для форумов (например, можете поставить её в подписи):
[URL=»https://myrusakov.ru»]Как создать свой сайт[/URL]

myrusakov.ru

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

Опубликовано: 21 мая 2014 Обновлено: 1 октября 2019

Спецсимволы HTML, или символы-мнемоники, представляют собой конструкцию SGML (англ. Standard Generalized Markup Language — стандартный обобщённый язык разметки), ссылающуюся на определенные символы из символьного набора документа. В основном они используются для указания символов, которых нет в стандартной компьютерной клавиатуре, либо которые не поддерживает кодировка HTML-страницы (Windows-1251, UTF-8 и т.д.).

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

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

Для вставки символов внутрь тегов воспользуйтесь HTML-кодом символа, а для использования символов в таблицах стилей, например, в качестве значения свойства content — CSS-код.

Спецсимвол наследует цвет от цвета текста родительского элемента. Чтобы изменить цвет спецсимвола, можно поместить HTML-код внутрь тега <span> или задать нужное значение свойства color (при вставке спецсимволов через свойство content).

Вид	HTML-код	CSS-код	Описание
🖂	🖂	\1F582	Обратная сторона конверта
☃	☃	\2603	Снеговик
☦	☦	\2626	Православный крест
⚓	⚓	\2693	Якорь
✆	✆	\2706	Знак телефона
☎	☎	\260E	Телефон
☕	☕	\2615	Горячие напитки
✎	✎	\270E	Карандаш, направленный вправо-вниз
✏	✏	\270F	Карандаш
✐	✐	\2710	Карандаш, направленный вправо-вверх
✑	✑	\2711	Незакрашенное острие пера
✒	✒	\2712	Закрашенное острие пера
⚜	⚜	\269C	Геральдическая лилия
⛑	⛑	\26D1	Шлем с белым крестом
⚝	⚝	\269D	Начерченная белая звезда
❄	❄	\2744	Снежинка
❤	❤	\2764	Закрашенное жирное сердце
❅	❅	\2745	Зажатая трилистниками снежинка
❆	❆	\2746	Жирная остроугольная снежинка
★	★	\2605	Закрашенная звезда
☆	☆	\2606	Незакрашенная звезда
✪	✪	\272A	Незакрашенная звезда в закрашенном круге
✫	✫	\272B	Закрашенная звезда с незакрашенным кругом внутри
✯	✯	\272F	Вращающаяся звезда
❉	❉	\2749	Звёздочка с шарообразными окончаниями
❋	❋	\274B	Жирная восьмиконечная каплеобразная звёздочка-пропеллер
✲	✲	\2732	Звёздочка с незакрашенным центром
☀	☀	\2600	Закрашенное солнце с лучами
☁	☁	\2601	Облака
☂	☂	\2602	Зонтик
☑	☑	\2611	Галочка в квадрате
☒	☒	\2612	Крестик в квадрате
☹	☹	\2639	Нахмуренный смайлик
☺	☺	\263A	Улыбающийся смайлик
☻	☻	\263B	Закрашенный улыбающийся смайлик
☭	☭	\262D	Серп и молот
⚑	⚑	\2691	Закрашенный флаг
⚐	⚐	\2690	Незакрашенный флаг
☰	☰	\2630	Триграмма
✿	✿	\273f	Закрашенный цветок
❀	❀	\2740	Незакрашенный цветок
✾	✾	\273E	Цветок с шестью лепестками
❁	❁	\2741	Закрашенный обведённый цветок
❂	❂	\2742	Цветок из точек
✉	✉	\2709	Конверт
❦	❦	\2766	Сердце в виде цветка
❶	❶	\2776	Номер 1
❷	❷	\2777	Номер 2
❸	❸	\2778	Номер 3
❹	❹	\2779	Номер 4
❺	❺	\277A	Номер 5
❻	❻	\277B	Номер 6
❼	❼	\277C	Номер 7
❽	❽	\277D	Номер 8
➒	➒	\2792	Номер 9
➓	➓	\2793	Номер 10
✖	✖	\2716	Жирный знак умножения
✘	✘	\2718	Жирный крестик
✔	✔	\2714	Жирная отметка галочкой
✚	✚	\271A	Жирный крест
⚛	⚛	\269B	Символ атома
♺	♺	\267A	Символ переработки
❑	❑	\2751	Незакрашенный квадрат с правой нижней тенью
❒	❒	\2752	Незакрашенный квадрат с правой верхней тенью
◈	◈	\25C8	Алмаз в оправе
◐	◐	\25D0	Круг с левой закрашенной половиной
◑	◑	\25D1	Круг с закрашенной правой половиной
⁂	⁂	\2042	Три звездочки

Вид	HTML-код	CSS-код	Описание
		\00A0	Неразрывный пробел
		\00AD	Место возможного переноса
<	<	\003C	Знак «меньше чем» (начало тега)
>	>	\003E	Знак «больше чем» (конец тега)
«	«	\00AB	Левая двойная угловая скобка
»	»	\00BB	Правая двойная угловая скобка
‹	&lsaquo;	\2039	Левая угловая одиночная кавычка
›	&rsaquo;	\203A	Правая угловая одиночная кавычка
«	"	\0022	Двойная кавычка
′	′	\2032	Одиночный штрих
″	″	\2033	Двойной штрих
‘	‘	\2018	Левая одиночная кавычка
’	’	\2019	Правая одиночная кавычка
‚	&sbquo;	\201A	Нижняя одиночная кавычка
“	“	\201C	Левая двойная кавычка
”	”	\201D	Правая двойная кавычка
„	&bdquo;	\201E	Нижняя двойная кавычка
❜	❜	\275C	Жирная одинарная верхняя запятая
❛	❛	\275B	Жирная одинарная повёрнутая верхняя запятая
&	&	\0026	Амперсанд
‘	'	\0027	Апостроф (одинарная кавычка)
§	§	\00A7	Параграф
©	©	\00A9	Знак copyright
¬	¬	\00AC	Знак отрицания
®	®	\00AE	Знак зарегистрированной торговой марки
¯	¯	\00AF	Знак долготы над гласным
°	°	\00B0	Градус
±	±	\00B1	Плюс-минус
¹	¹	\00B9	Верхний индекс «1»
²	²	\00B2	Верхний индекс «2»
³	³	\00B3	Верхний индекс «3»
¼	¼	\00BC	Одна четверть
½	½	\00BD	Одна вторая
¾	¾	\00BE	Три четверти
´	´	\00B4	Знак ударения
µ	µ	\00B5	Микро
¶	¶	\00B6	Знак абзаца
·	·	\00B7	Знак умножения
¿	¿	\00BF	Перевернутый вопросительный знак
ƒ	&fnof;	\0192	Знак флорина
™	™	\2122	Знак торговой марки
•	•	\2022	Маркер списка
…	…	\2026	Многоточие
‾	&oline;	\203E	Надчеркивание
–	–	\2013	Среднее тире
—	—	\2014	Длинное тире
‰	&permil;	\2030	Промилле
}	}	\007D	Правая фигурная скобка
{	{	\007B	Левая фигурная скобка
=	=	\003D	Знак равенства
≠	≠	\2260	Знак неравенства
≅	&cong;	\2245	Конгруэнтность (геометрическое равенство)
≈	≈	\2248	Почти равно
≤	≤	\2264	Меньше чем или равно
≥	≥	\2265	Больше чем или равно
∠	&ang;	\2220	Угол
⊥	&perp;	\22A5	Перпендикулярно (кнопка вверх)
√	√	\221A	Квадратный корень
∑	∑	\2211	N-ичное суммирование
∫	∫	\222B	Интеграл
※	※	\203B	Знак сноски
÷	÷	\00F7	Знак деления
∞	∞	\221E	Знак бесконечности
@	@	\0040	Символ собака
[	[	\005B	Левая квадратная скобка
]	]	\005D	Правая квадратная скобка

Вид	HTML-код	CSS-код	Описание
←	←	\2190	Стрелка влево
↑	↑	\2191	Стрелка вверх
→	→	\2192	Стрелка вправо
↓	↓	\2193	Стрелка вниз
↔	↔	\2194	Стрелка влево-вправо
↵	&crarr;	\21B5	Стрелка вниз и влево – знак возврата каретки
⇐	⇐	\21D0	Двойная стрелка налево
⇑	&uArr;	\21D1	Двойная стрелка вверх
⇒	⇒	\21D2	Двойная стрелка направо
⇓	&dArr;	\21D3	Двойная стрелка вниз
⇔	⇔	\21D4	Двойная стрелка влево-вправо
➠	➠	\27A0	Летящая стрела
➤	➤	\27A4	Наконечник стрелы
➥	➥	\27A5	Изогнутая стрела, указывающая вниз и вправо
➦	➦	\27A6	Изогнутая стрела, указывающая вверх и вправо
➳	➳	\27B3	Стрела направо
↺	↺	\21BA	Круглая стрелка с наконечником против часовой стрелки
↻	↻	\21BB	Круглая стрелка с наконечником по часовой стрелке
⇧	⇧	\21E7	Толстая полая стрелка вверх
↩	↩	\21A9	Стрелка налево с крючком
➫	➫	\27AB	Наклонённая вниз объёмная стрелка
⬇	⬇	\2B07	Закрашенная стрелка вниз
⬆	⬆	\2B06	Закрашенная стрелка вверх

Вид	HTML-код	CSS-код	Описание
♠	&spades;	\2660	«Пики»
♣	&clubs;	\2663	«Трефы»
♥	&hearts;	\2665	«Червы»
♦	&diams;	\2666	«Бубны»
♡	♡	\2661	Контур «Червы»
♢	♢	\2662	Контур «Бубны»
♤	♤	\2664	Контур «Пики»
♧	♧	\2667	Контур «Трефы»

Вид	HTML-код	CSS-код	Описание
¢	¢	\FFE0	Цент
£	£	\FFE1	Фунт стерлингов
₽	₽	\20BD	Российский рубль
¥	¥	\00A5	Йена или юань
€	€	\20AC	Евро
$	$	\0024	Доллар
₴	₴	\20B4	Знак гривны
₹	₹	\20B9	Индийская рупия
圓	圓	\5713	Китайский юань
₸	₸	\20B8	Казахстанский тенге

Пробел в хтмл – html ( ).

Спецсимволы | htmlbook.ru

Инструкция как в HTML коде сделать длинный неразрывный пробел

Что такое неразрывный пробел в HTML?

Как в HTML сделать неразрывный пробел?

Итог

Спецсимволы | htmlbook.ru

Все символы HTML

Пробел в html — три простых способа

Три способа как сделать пробел между строк.

Способ первый это использовать тег

Способ второй это использовать спец символ

Способ третий и самый редкий, я его никогда не использовал свойство css white-space

Пробелы в HTML

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

Популярные спецсимволы HTML

1. Полезные знаки и символы

2. Знаки пунктуации

3. Стрелки

4. Карточные масти

5. Деньги

6. Знаки зодиака

Добавить комментарий Отменить ответ

Рубрики

Рубрики

Вид	HTML-код	CSS-код	Описание
♈	♈	\2648	Овен
♉	♉	\2649	Телец
♊	♊	\264A	Близнецы
♋	♋	\264B	Рак
♌	♌	\264C	Лев
♍	♍	\264D	Дева
♎	♎	\264E	Весы
♏	♏	\264F	Скорпион
♐	♐	\2650	Стрелец
♑	♑	\2651	Козерог
♒	♒	\2652	Водолей
♓	♓	\2653	Рыбы