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

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

Табл. 7.1. Спецсимволы
ИмяКодВидОписание
   неразрывный пробел
£££фунт стерлингов
€€знак евро
¶¶символ параграфа
§§§параграф
©©©знак copyright
®®®знак зарегистрированной торговой марки
™™знак торговой марки
°°°градус
±±±плюс-минус
¼¼¼дробь — одна четверть
½½½дробь — одна вторая
¾¾¾дробь — три четверти
×××знак умножения
÷÷÷знак деления
ƒƒƒзнак функции
Греческие буквы
ΑΑΑгреческая заглавная буква альфа
ΒΒΒгреческая заглавная буква бета
ΓΓΓгреческая заглавная буква гамма
ΔΔΔгреческая заглавная буква дельта
ΕΕΕгреческая заглавная буква эпсилон
ΖΖΖгреческая заглавная буква дзета
ΗΗΗгреческая заглавная буква эта
ΘΘΘгреческая заглавная буква тета
ΙΙΙгреческая заглавная буква иота
ΚΚΚгреческая заглавная буква каппа
ΛΛΛгреческая заглавная буква лямбда
ΜΜΜгреческая заглавная буква мю
ΝΝΝгреческая заглавная буква ню
ΞΞΞгреческая заглавная буква кси
ΟΟΟгреческая заглавная буква омикрон
ΠΠΠгреческая заглавная буква пи
ΡΡΡгреческая заглавная буква ро
ΣΣΣгреческая заглавная буква сигма
ΤΤΤгреческая заглавная буква тау
ΥΥΥгреческая заглавная буква ипсилон
ΦΦΦгреческая заглавная буква фи
ΧΧΧгреческая заглавная буква хи
ΨΨΨгреческая заглавная буква пси
ΩΩΩгреческая заглавная буква омега
αααгреческая строчная буква альфа
βββгреческая строчная буква бета
γγγгреческая строчная буква гамма
δδδгреческая строчная буква дельта
εεεгреческая строчная буква эпсилон
ζζζгреческая строчная буква дзета
ηηηгреческая строчная буква эта
θθθгреческая строчная буква тета
ιιιгреческая строчная буква иота
κκκгреческая строчная буква каппа
λλλгреческая строчная буква лямбда
μμμгреческая строчная буква мю
νννгреческая строчная буква ню
ξξ
ξ
греческая строчная буква кси
οοοгреческая строчная буква омикрон
πππгреческая строчная буква пи
ρρρгреческая строчная буква ро
ςςςгреческая строчная буква сигма
σσσгреческая строчная буква сигма
τττгреческая строчная буква тау
υυυгреческая строчная буква ипсилон
φφφгреческая строчная буква фи
χχχгреческая строчная буква хи
ψψψгреческая строчная буква пси
ωωωгреческая строчная буква омега
Стрелки
←←стрелка влево
↑↑стрелка вверх
→→стрелка вправо
↓↓стрелка вниз
↔↔стрелка влево-вправо
Прочие символы
♠♠ знак масти «пики»
♣♣знак масти «трефы»
♥♥знак масти «червы»
♦♦знак масти «бубны»
""«двойная кавычка
&&&амперсанд
&lt;&#60;<знак «меньше»
&gt;&#62;>знак «больше»
Знаки пунктуации
&hellip;&#8230;многоточие …
&prime;&#8242;одиночный штрих — минуты и футы
&Prime;&#8243;двойной штрих — секунды и дюймы
Общая пунктуация
&ndash;&#8211;тире
&mdash;&#8212;длинное тире
&lsquo;&#8216;левая одиночная кавычка
&rsquo;&#8217;правая одиночная кавычка
&sbquo;&#8218;нижняя одиночная кавычка
&ldquo;&#8220;левая двойная кавычка
&rdquo;&#8221;правая двойная кавычка
&bdquo;&#8222;нижняя двойная кавычка
&laquo;&#171;«левая двойная угловая скобка
&raquo;&#187;»правая двойная угловая скобка

htmlbook.ru

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

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

Табл. 7.1. Спецсимволы
ИмяКодВидОписание
&nbsp;&#160; неразрывный пробел
&pound;&#163;£фунт стерлингов
&euro;&#8364;знак евро
&para;&#182;символ параграфа
&sect;&#167;§параграф
&copy;&#169;©знак copyright
&reg;&#174;®знак зарегистрированной торговой марки
&trade;&#8482;знак торговой марки
&deg;&#176;°градус
&plusmn;&#177;±плюс-минус
&frac14;&#188;¼дробь — одна четверть
&frac12;&#189;½дробь — одна вторая
&frac34;&#190;¾дробь — три четверти
&times;&#215;×знак умножения
&divide;&#247;÷знак деления
&fnof;&#402;ƒзнак функции
Греческие буквы
&Alpha;&#913;Αгреческая заглавная буква альфа
&Beta;&#914;Βгреческая заглавная буква бета
&Gamma;&#915;Γгреческая заглавная буква гамма
&Delta;&#916;Δгреческая заглавная буква дельта
&Epsilon;&#917;Εгреческая заглавная буква эпсилон
&Zeta;&#918;Ζгреческая заглавная буква дзета
&Eta;&#919;Ηгреческая заглавная буква эта
&Theta;&#920;Θгреческая заглавная буква тета
&Iota;&#921;Ιгреческая заглавная буква иота
&Kappa;&#922;Κгреческая заглавная буква каппа
&Lambda;&#923;Λгреческая заглавная буква лямбда
&Mu;&#924;Μгреческая заглавная буква мю
&Nu;&#925;Νгреческая заглавная буква ню
&Xi;&#926;Ξгреческая заглавная буква кси
&Omicron;&#927;Οгреческая заглавная буква омикрон
&Pi;&#928;Πгреческая заглавная буква пи
&Rho;&#929;Ρгреческая заглавная буква ро
&Sigma;&#931;Σгреческая заглавная буква сигма
&Tau;&#932;Τгреческая заглавная буква тау
&Upsilon;&#933;Υгреческая заглавная буква ипсилон
&Phi;&#934;Φгреческая заглавная буква фи
&Chi;&#935;Χгреческая заглавная буква хи
&Psi;&#936;Ψгреческая заглавная буква пси
&Omega;&#937;Ωгреческая заглавная буква омега
&alpha;&#945;αгреческая строчная буква альфа
&beta;&#946;βгреческая строчная буква бета
&gamma;&#947;γгреческая строчная буква гамма
&delta;&#948;δгреческая строчная буква дельта
&epsilon;&#949;εгреческая строчная буква эпсилон
&zeta;&#950;ζгреческая строчная буква дзета
&eta;&#951;ηгреческая строчная буква эта
&theta;&#952;θгреческая строчная буква тета
&iota;&#953;ιгреческая строчная буква иота
&kappa;&#954;κгреческая строчная буква каппа
&lambda;&#955;λгреческая строчная буква лямбда
&mu;&#956;μгреческая строчная буква мю
&nu;&#957;νгреческая строчная буква ню
&xi;&#958;ξгреческая строчная буква кси
&omicron;&#959;οгреческая строчная буква омикрон
&pi;&#960;πгреческая строчная буква пи
&rho;&#961;ρгреческая строчная буква ро
&sigmaf;&#962;ςгреческая строчная буква сигма
&sigma;&#963;σгреческая строчная буква сигма
&tau;&#964;τгреческая строчная буква тау
&upsilon;&#965;υгреческая строчная буква ипсилон
&phi;&#966;φгреческая строчная буква фи
&chi;&#967;χгреческая строчная буква хи
&psi;&#968;ψгреческая строчная буква пси
&omega;&#969;ωгреческая строчная буква омега
Стрелки
&larr;&#8592;стрелка влево
&uarr;&#8593;стрелка вверх
&rarr;&#8594;стрелка вправо
&darr;&#8595;стрелка вниз
&harr;&#8596;стрелка влево-вправо
Прочие символы
&spades;&#9824; знак масти «пики»
&clubs;&#9827;знак масти «трефы»
&hearts;&#9829;знак масти «червы»
&diams;&#9830;знак масти «бубны»
&quot;&#34;«двойная кавычка
&amp;&#38;&амперсанд
&lt;&#60;<знак «меньше»
&gt;&#62;>знак «больше»
Знаки пунктуации
&hellip;&#8230;многоточие …
&prime;&#8242;одиночный штрих — минуты и футы
&Prime;&#8243;двойной штрих — секунды и дюймы
Общая пунктуация
&ndash;&#8211;тире
&mdash;&#8212;длинное тире
&lsquo;&#8216;левая одиночная кавычка
&rsquo;&#8217;правая одиночная кавычка
&sbquo;&#8218;нижняя одиночная кавычка
&ldquo;&#8220;левая двойная кавычка
&rdquo;&#8221;правая двойная кавычка
&bdquo;&#8222;нижняя двойная кавычка
&laquo;&#171;«левая двойная угловая скобка
&raquo;&#187;»правая двойная угловая скобка

htmlbook.ru

html-мнемоники (спецсимволы в html)

ВидHTML-кодCSS-кодОписание
&#9731;\2603Снеговик
&#9766;\2626Православный крест
&#9875;\2693Якорь
&#10163;\27B3Стрела направо
&#9990;\2706Знак телефона
&#9749;\2615Горячие напитки
&#9998;\270EКарандаш, направленный вправо-вниз
&#9999;\270FКарандаш
&#10000;\2710Карандаш, направленный вправо-вверх
&#10001;\2711Незакрашенное острие пера
&#10002;\2712Закрашенное острие пера
&#9884;\269CГеральдическая лилия
&#9937;\26D1Шлем с белым крестом
&#9885;\269DНачерченная белая звезда
&#10052;\2744Снежинка
&#10084;\2764Закрашенное жирное сердце
&#10053;\2745Зажатая трилистниками снежинка
&#10054;\2746Жирная остроугольная снежинка
&#9733;\2605Закрашенная звезда
&#9734;\2606Незакрашенная звезда
&#10026;\272AНезакрашенная звезда в закрашенном круге
&#10027;\272BЗакрашенная звезда с незакрашенным кругом внутри
&#10031;\272FВращающаяся звезда
&#10057;\2749Звёздочка с шарообразными окончаниями
&#10059;\274BЖирная восьмиконечная каплеобразная звёздочка-пропеллер
&#10034;\2732Звёздочка с незакрашенным центром
&#9055;\235FApl функциональный символ звезда в круге
&#8859;\229BОператор звездочки в круге
&#9728;\2600Закрашенное солнце с лучами
&#9729;\2601Облака
&#9730;\2602Зонтик
&#9745;\2611Галочка в квадрате
&#9746;\2612Крестик в квадрате
&#9785;\2639Нахмуренный смайлик
&#9786;\263AУлыбающийся смайлик
&#9787;\263BЗакрашенный улыбающийся смайлик
&#9773;\262DСерп и молот
&#9776;\2630Триграмма
&#10047;\273fЗакрашенный цветок
&#10048;\2740Незакрашенный цветок
&#10046;\273EЦветок с шестью лепестками
&#10049;\2741Закрашенный обведённый цветок
&#10050;\2742Цветок из точек
&#9993;\2709Конверт
&#10086;\2766Сердце в виде цветка
&#10102;\2776Номер 1
&#10103;\2777Номер 2
&#10104;\2778Номер 3
&#10105;\2779Номер 4
&#10106;\277AНомер 5
&#10107;\277BНомер 6
&#10108;\277CНомер 7
&#10109;\277DНомер 8
&#10130;\2792Номер 9
&#10131;\2793Номер 10
&#10144;\27A0Летящая стрела
&#10148;\27A4Наконечник стрелы
&#10149;\27A5Изогнутая стрела, указывающая вниз и вправо
&#10150;\27A6Изогнутая стрела, указывающая вверх и вправо
&#10076;\275CЖирная одинарная верхняя запятая
&#10075;\275BЖирная одинарная повёрнутая верхняя запятая
&#10006;\2716Жирный знак умножения
&#10008;\2718Жирный крестик
&#10004;\2714Жирная отметка галочкой
&#10010;\271AЖирный крест
&#8634;\21BAКруглая стрелка с наконечником против часовой стрелки
&#8635;\21BBКруглая стрелка с наконечником против часовой стрелки

bortvlad.ru

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

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

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

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

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

СимволЧисловой кодИмя символаОписание
«&#34;&quot;знак кавычки
&#39;&apos;апостроф
&&#38;&amp;амперсанд
<&#60;&lt;знак меньше
>&#62;&gt;знак больше
  &#160; &nbsp; неразрывный пробел (Неразрывный пробел — это пробел отображающийся внутри строки как обычный пробел, но не позволяющий программам отображения и печати разорвать в этом месте строку.)
¡ &#161; &iexcl; перевернутый восклицательный знак
¢ &#162; &cent; цент
£ &#163; &pound; фунт
¤ &#164; &curren; валюты
¥ &#165; &yen; йен
¦ &#166; &brvbar; сломанная вертикальная черта
§ &#167; &sect; секция
¨ &#168; &uml; интервал (кириллица)
© &#169; &copy; знак копирайта
ª &#170; &ordf; женский порядковый показатель
« &#171; &laquo; французские кавычки (ёлочки) — левая
¬ &#172; &not; отрицание-выражения
® &#174; &reg; зарегистрированная торговая марка
¯ &#175; &macr; макрон интервал
° &#176; &deg; градус
± &#177; &plusmn; плюс или минус
² &#178; &sup2; верхний индекс 2
³ &#179; &sup3; верхний индекс 3
´ &#180; &acute; острый интервал
µ &#181; &micro; микро
&#182; &para; параграф
· &#183; &middot; средняя точка
¸ &#184; &cedil; интервал седиль
¹ &#185; &sup1; верхний индекс 1
º &#186; &ordm; мужской порядковый показатель
» &#187; &raquo; французские кавычки (ёлочки) — правая
¼ &#188; &frac14; 1/4 часть
½ &#189; &frac12; 1/2 часть
¾ &#190; &frac34; 3/4 части
¿ &#191; &iquest; перевернутый знак вопроса
× &#215; &times; умножение
÷ &#247; &divide; деление
   ́ &#x301; ударение
Œ &#338; &OElig; лигатура прописная OE
œ &#339; &oelig; строчная лигатура oe
Š &#352; &Scaron; S с короной
š &#353; &scaron; строчная S с короной
Ÿ &#376; &Yuml; прописная Y с диадемой
ƒ &#402; &fnof; f с крюком
ˆ &#710; &circ; дикриатический акцент
˜ &#732; &tilde; маленькая тильда
&#8211; &ndash; тире
&#8212; &mdash; длинное тире
&#8216; &lsquo; левая одиночная кавычка
&#8217; &rsquo; правая одиночная кавычка
&#8218; &sbquo; нижняя одиночная кавычка
&#8220; &ldquo; левые двойные кавычки
&#8221; &rdquo; правые двойные кавычки
&#8222; &bdquo; нижние двойные кавычки
&#8224; &dagger; кинжал
&#8225; &Dagger; двойной кинжал
&#8226; &bull; пуля
&#8230; &hellip; горизонтальное многоточие
&#8240; &permil; промилле (тысячные доли)
&#8242; &prime; минуты
&#8243; &Prime; секунды
&#8249; &lsaquo; одиночная левая угловая кавычка
&#8250; &rsaquo; одиночная правая угловая кавычка
&#8254; &oline; надчеркивание
&#8364; &euro; евро
&#8482; или &#153; &trade; торговая марка
&#8592; &larr; стрелка влево
&#8593; &uarr; стрелка вверх
&#8594; &rarr; стрелка вправо
&#8595; &darr; стрелка вниз
&#8596; &harr; двухсторонняя стрелка
&#8629; &crarr; стрелка возврата каретки
&#8968; &lceil; левый верхний угол
&#8969; &rceil; правый верхний угол
&#8970; &lfloor; левый нижний угол
&#8971; &rfloor; правый нижний угол
&#9674; &loz; ромб
&#9824; &spades; пики
&#9827; &clubs; крести
&#9829; &hearts; черви
&#9830; &diams; буби

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

СимволЧисловой кодИмя символаОписание
&#8704; &forall; для любых, для всех
&#8706; &part; часть
&#8707; &exist; существует
&#8709; &empty; пустое множество
&#8711; &nabla; оператор Гамильтона («набла»)
&#8712; &isin; принадлежит множеству
&#8713; &notin; не принадлежит множеству
&#8715; &ni; или
&#8719; &prod; произведение
&#8721; &sum; сумма
&#8722; &minus; минус
&#8727; &lowast; умножение или оператор сопряженный к
× &#215; &times знак умножения
&#8730; &radic; квадратный корень
&#8733; &prop; пропорциональность
&#8734; &infin; бесконечность
&#8942; кратность
&#8736; &ang; угол
&#8743; &and; и
&#8744; &or; или
&#8745; &cap; пересечение
&#8746; &cup; объединение
&#8747; &int; интеграл
&#8756; &there4; поэтому
&#8764; &sim; подобно
&#8773; &cong; сравнимо
&#8776; &asymp; приблизительно равно
&#8800; &ne; не равно
&#8801; &equiv; идентично
&#8804; &le; меньше или равно
&#x02A7D;
&#10877;
&les;
&leqslant;
меньше или равно
&#8805; &ge; больше или равно
&#x02a7e;
&#10878;
&ges;
&geqslant;
больше или равно
&#8834; &sub; подмножество
&#8835; &sup; надмножестов
&#8836; &nsub; не подмножество
&#8838; &sube; подмножество
&#8839; &supe; надмножество
&#8853; &oplus; прямая сумма
&#8855; &otimes; тензерное произведение
&#8869; &perp; перпендикуляр
&#8901; &sdot; оператор точка

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

Символ Числовой код Шестнадцатеричный код Имя символа
Ͱ&#880;&#x0370; 
ͱ&#881;&#x0371; 
Ͳ&#882;&#x0372; 
ͳ&#883;&#x0373; 
ʹ&#884;&#x0374; 
͵&#885;&#x0375; 
Ͷ&#886;&#x0376; 
ͷ&#887;&#x0377; 
ͺ&#890;&#x037A; 
ͻ&#891;&#x037B; 
ͼ&#892;&#x037C; 
ͽ&#893;&#x037D; 
;&#894;&#x037E; 
΄&#900;&#x0384; 
΅&#901;&#x0385; 
Ά&#902;&#x0386; 
·&#903;&#x0387; 
Έ&#904;&#x0388; 
Ή&#905;&#x0389; 
Ί&#906;&#x038A; 
Ό&#908;&#x038C; 
Ύ&#910;&#x038E; 
Ώ&#911;&#x038F; 
ΐ&#912;&#x0390; 
Α&#913;&#x0391;&Alpha;
Β&#914;&#x0392;&Beta;
Γ&#915;&#x0393;&Gamma;
Δ&#916;&#x0394;&Delta;
Ε&#917;&#x0395;&Epsilon;
Ζ&#918;&#x0396;&Zeta;
Η&#919;&#x0397;&Eta;
Θ&#920;&#x0398;&Theta;
Ι&#921;&#x0399;&Iota;
Κ&#922;&#x039A;&Kappa;
Λ&#923;&#x039B;&Lambda;
Μ&#924;&#x039C;&Mu;
Ν&#925;&#x039D;&Nu;
Ξ&#926;&#x039E;&Xi;
Ο&#927;&#x039F;&Omicron;
Π&#928;&#x03A0;&Pi;
Ρ&#929;&#x03A1;&Rho;
Σ&#931;&#x03A3;&Sigma;
Τ&#932;&#x03A4;&Tau;
Υ&#933;&#x03A5;&Upsilon;
Φ&#934;&#x03A6;&Phi;
Χ&#935;&#x03A7;&Chi;
Ψ&#936;&#x03A8;&Psi;
Ω&#937;&#x03A9;&Omega;
Ϊ&#938;&#x03AA; 
Ϋ&#939;&#x03AB; 
ά&#940;&#x03AC; 
έ&#941;&#x03AD; 
ή&#942;&#x03AE; 
ί&#943;&#x03AF; 
ΰ&#944;&#x03B0; 
α&#945;&#x03B1;&alpha;
β&#946;&#x03B2;&beta;
γ&#947;&#x03B3;&gamma;
δ&#948;&#x03B4;&delta;
ε&#949;&#x03B5;&epsilon;
ζ&#950;&#x03B6;&zeta;
η&#951;&#x03B7;&eta;
θ&#952;&#x03B8;&theta;
ι&#953;&#x03B9;&iota;
κ&#954;&#x03BA;&kappa;
λ&#955;&#x03BB;&lambda;
μ&#956;&#x03BC;&mu;
ν&#957;&#x03BD;&nu;
ξ&#958;&#x03BE;&xi;
ο&#959;&#x03BF;&omicron;
π&#960;&#x03C0;&pi;
ρ&#961;&#x03C1;&rho;
ς&#962;&#x03C2;&sigmaf;
σ&#963;&#x03C3;&sigma;
τ&#964;&#x03C4;&tau;
υ&#965;&#x03C5;&upsilon;
φ&#966;&#x03C6;&phi;
χ&#967;&#x03C7;&chi;
ψ&#968;&#x03C8;&psi;
ω&#969;&#x03C9;&omega;
ϊ&#970;&#x03CA; 
ϋ&#971;&#x03CB; 
ό&#972;&#x03CC; 
ύ&#973;&#x03CD; 
ώ&#974;&#x03CE; 
Ϗ&#975;&#x03CF; 
ϐ&#976;&#x03D0; 
ϑ&#977;&#x03D1;&thetasym;
ϒ&#978;&#x03D2;&upsih;
ϓ&#979;&#x03D3; 
ϔ&#980;&#x03D4; 
ϕ&#981;&#x03D5;&straightphi;
ϖ&#982;&#x03D6;&piv;
ϗ&#983;&#x03D7; 
Ϙ&#984;&#x03D8; 
ϙ&#985;&#x03D9; 
Ϛ&#986;&#x03DA; 
ϛ&#987;&#x03DB; 
Ϝ&#988;&#x03DC;&Gammad;
ϝ&#989;&#x03DD;&gammad;
Ϟ&#990;&#x03DE; 
ϟ&#991;&#x03DF; 
Ϡ&#992;&#x03E0; 
ϡ&#993;&#x03E1; 
Ϣ&#994;&#x03E2; 
ϣ&#995;&#x03E3; 
Ϥ&#996;&#x03E4; 
ϥ&#997;&#x03E5; 
Ϧ&#998;&#x03E6; 
ϧ&#999;&#x03E7; 
Ϩ&#1000;&#x03E8; 
ϩ&#1001;&#x03E9; 
Ϫ&#1002;&#x03EA; 
ϫ&#1003;&#x03EB; 
Ϭ&#1004;&#x03EC; 
ϭ&#1005;&#x03ED; 
Ϯ&#1006;&#x03EE; 
ϯ&#1007;&#x03EF; 
ϰ&#1008;&#x03F0; &varkappa;
ϱ&#1009;&#x03F1; &varrho;
ϲ&#1010;&#x03F2; 
ϳ&#1011;&#x03F3; 
ϴ&#1012;&#x03F4; 
ϵ&#1013;&#x03F5; &straightepsilon;
϶&#1014;&#x03F6; &backepsilon;
Ϸ&#1015;&#x03F7; 
ϸ&#1016;&#x03F8; 
Ϲ&#1017;&#x03F9; 
Ϻ&#1018;&#x03FA; 
ϻ&#1019;&#x03FB; 
ϼ&#1020;&#x03FC; 
Ͻ&#1021;&#x03FD; 
Ͼ&#1022;&#x03FE; 
Ͽ&#1023;&#x03FF; 

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

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

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

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

<p>Элемент &lt;html&gt; очень важен</p>
Попробовать »

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

puzzleweb.ru

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

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

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

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

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

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

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

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

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

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

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

25&nbsp;000 долларов

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

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

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

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

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

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

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

Итог

Резюмируя:

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

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

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

blogwork.ru

Пробелы в HTML

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

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

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

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

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

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

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

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

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

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

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

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

p {
  white-space: pre;
}

Данный способ самый быстрый и простой, однако, я его не использую, так как в моей практике встречается мало случаев, в которых мне приходится добавлять много подряд идущих пробелов. А если они и случаются, то использую сущность «&nbsp;» несколько раз. Вдобавок, свойство 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.

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

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

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

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

  1. Кнопка:
    <a href=»https://myrusakov.ru» target=»_blank»><img src=»https://myrusakov.ru//images/button.gif» alt=»Как создать свой сайт» /></a>

    Она выглядит вот так:

  2. Текстовая ссылка:
    <a href=»https://myrusakov.ru» target=»_blank»>Как создать свой сайт</a>

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):
    [URL=»https://myrusakov.ru»]Как создать свой сайт[/URL]

myrusakov.ru

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

Код Вид Описание
&nbsp;   неразрывный пробел
&rarr; стрелка вправо
&pound; £ фунт стерлингов
&euro; знак евро
&#165; ¥ японская иена
&#8381; российский рубль
&#8372; украинская гривна
&para; символ параграфа
&sect; § параграф
&copy; © знак copyright
&reg; ® знак зарегистрированной торговой марки
&trade; знак торговой марки
&amp; & амперсанд
Арифметические символы
&times; × знак умножения
&divide; ÷ знак деления
&plusmn; ± плюс-минус
&asymp; приблизительно равно
не равно
&deg; ° градус
&ang; угол
&8735 прямой угол
&8737 измеренный угол
&sum; сумма
&fnof; ƒ знак функции
&radic; корень квадратный
&8731 корень кубический
&8732 корень четвёртой степени
  ² В квадрате
  ³ В кубе
&empty; диаметр
&infin; бесконечность
&lt; < знак меньше
&gt; > знак больше
&frac12; ½ дробь — одна вторая
&frac34; ¾ дробь — три четверти
&frac14; ¼ дробь — одна четверть
Стрелки
&larr; стрелка влево
&uarr; стрелка вверх
&rarr; стрелка вправо
&darr; стрелка вниз
&harr; стрелка влево-вправо
8597 стрелка вверх-вниз
8598 стрелка северо-запад
8599 стрелка северо-восток
8600 стрелка юго-восток
8601 стрелка юго-запад
  объёмная стрелка влево
  объёмная стрелка вверх
  объёмная стрелка вправо
  объёмная стрелка вниз
  объёмная стрелка вверх из бара
   
   
8612 стрелка влево из бара
8613 стрелка вверх из бара
8614 стрелка вправо из бара
8615 стрелка вниз из бара
8644 стрелки вправо-влево
8645 стрелки вверх-вниз
8646 стрелки влево-вправо
8676 стрелка влево в бар
8677 стрелка вправо в бар
     
Прочие символы
&#9742; телефон
  письмо
   
  грузовой автомобиль
   
   
   
   
  солнце
   
   
   
  облако
  зонт
  звезда
  звезда
   
  знак радиации
   
   
  весы
&#9773; серп и молот
&#9775; инь-янь
  символ мира
&spades; знак масти «пики»
&clubs; знак масти «трефы»
&hearts; знак масти «червы»
&diams; знак масти «бубны»
   
   
   
   
Знаки пунктуации
&quot; « двойная кавычка
&hellip; многоточие …
&prime; одиночный штрих — минуты и футы
&Prime; двойной штрих — секунды и дюймы
&ndash; тире
&mdash; длинное тире
&lsquo; левая одиночная кавычка
&rsquo; правая одиночная кавычка
&sbquo; нижняя одиночная кавычка
&ldquo; левая двойная кавычка
&rdquo; правая двойная кавычка
&bdquo; нижняя двойная кавычка
&laquo; « левая двойная угловая скобка
&raquo; » правая двойная угловая скобка
Греческие буквы
&Alpha; Α греческая заглавная буква альфа
&Beta; Β греческая заглавная буква бета
&Gamma; Γ греческая заглавная буква гамма
&Delta; Δ греческая заглавная буква дельта
&Epsilon; Ε греческая заглавная буква эпсилон
&Zeta; Ζ греческая заглавная буква дзета
&Eta; Η греческая заглавная буква эта
&Theta; Θ греческая заглавная буква тета
&Iota; Ι греческая заглавная буква иота
&Kappa; Κ греческая заглавная буква каппа
&Lambda; Λ греческая заглавная буква лямбда
&Mu; Μ греческая заглавная буква мю
&Nu; Ν греческая заглавная буква ню
&Xi; Ξ греческая заглавная буква кси
&Omicron; Ο греческая заглавная буква омикрон
&Pi; Π греческая заглавная буква пи
&Rho; Ρ греческая заглавная буква ро
&Sigma; Σ греческая заглавная буква сигма
&Tau; Τ греческая заглавная буква тау
&Upsilon; Υ греческая заглавная буква ипсилон
&Phi; Φ греческая заглавная буква фи
&Chi; Χ греческая заглавная буква хи
&Psi; Ψ греческая заглавная буква пси
&Omega; Ω греческая заглавная буква омега
&alpha; α греческая строчная буква альфа
&beta; β греческая строчная буква бета
&gamma; γ греческая строчная буква гамма
&delta; δ греческая строчная буква дельта
&epsilon; ε греческая строчная буква эпсилон
&zeta; ζ греческая строчная буква дзета
&eta; η греческая строчная буква эта
&theta; θ греческая строчная буква тета
&iota; ι греческая строчная буква иота
&kappa; κ греческая строчная буква каппа
&lambda; λ греческая строчная буква лямбда
&mu; μ греческая строчная буква мю
&nu; ν греческая строчная буква ню
&xi; ξ греческая строчная буква кси
&omicron; ο греческая строчная буква омикрон
&pi; π греческая строчная буква пи
&rho; ρ греческая строчная буква ро
&sigmaf; ς греческая строчная буква сигма
&sigma; σ греческая строчная буква сигма
&tau; τ греческая строчная буква тау
&upsilon; υ греческая строчная буква ипсилон
&phi; φ греческая строчная буква фи
&chi; χ греческая строчная буква хи
&psi; ψ греческая строчная буква пси
&omega; ω греческая строчная буква омега

inter-net.pro

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *