Нравится
 

Нестандартные символы и их использование

10.08.2012
Система Orphus

Нестандартные символы html

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

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

Что же делать?

Все очень просто, нужно всего лишь изменить эти символы на эквивалентные им коды в формате UTF-8. Ниже я предоставил таблицу, где вы можете найти многие символы и эквивалентные им коды. Чтобы не заморачиваться с написанием кода вы можете просто скопировать символ и вставить где вам нужно.

 

Имя Код Вид Описание
" " " двойная кавычка
& & & амперсанд
&lt; &#60; < знак "меньше"
&gt; &#62; > знак "больше"
  &#64; @ собачка
  &#46; . точка
&nbsp; &#160;   неразрывный пробел
&iexcl; &#161; ¡ перевернутый восклицательный знак
&cent; &#162; ¢ цент
&euro; &#8364; евро
&pound; &#163; £ фунт стерлингов
&curren; &#164; ¤ денежная единица
&yen; &#165; ¥ иена или юань
&brvbar; &#166; ¦ разорванная вертикальная черта
&sect; &#167; § параграф
&uml; &#168; ¨ умляут
&copy; &#169; © знак copyright
&trade; &#8482; знак торговой марки
&laquo; &#171; « левая двойная угловая скобка
&not; &#172; ¬ знак отрицания
&shy; &#173; ­ место возможного переноса
&reg; &#174; ® знак зарегистрированной торговой марки
&macr; &#175; ¯ верхняя горизонтальная черта
&deg; &#176; ° градус
&plusmn; &#177; ± плюс-минус
&times; &#215; × знак умножения
&divide; &#247; ÷ знак деления
&sup2; &#178; ² "в квадрате"
&sup3; &#179; ³ "в кубе"
&acute; &#180; ´ знак ударения
&fnof; &#402; ƒ знак функции
&micro; &#181; µ микро
&para; &#182; символ параграфа
&middot; &#183; · точка
&cedil; &#184; ¸ седиль (орфографический знак)
&sup1; &#185; ¹ верхний индекс "один"
&ordm; &#186; º мужской порядковый числитель
&ordf; &#170; ª женский порядковый числитель
&raquo; &#187; » правая двойная угловая скобка
&frac14; &#188; ¼ одна четвертая
&frac12; &#189; ½ одна вторая
&frac34; &#190; ¾ три четвертых
&iquest; &#191; ¿ перевернутый вопросительный знак
&larr; &#8592; стрелка влево
&uarr; &#8593; стрелка вверх
&rarr; &#8594; стрелка вправо
&darr; &#8595; стрелка вниз
&harr; &#8596; стрелка влево-вправо
  &#9668; стрелка влево
  &#9650; стрелка вверх
  &#9658; стрелка вправо
  &#9660; стрелка вниз
&spades; &#9824; знак масти "пики"
&clubs; &#9827; знак масти "трефы"
&hearts; &#9829; знак масти "черви"
&diams; &#9830; знак масти "бубны"
&ne;   неравенство
&loz;   не закрашенный ромб
&circ; &#710; ˆ диакритический знак над гласной
&tilde; &#732; ˜ тильда
&bull; &#8226; маленький черный кружок
&hellip; &#8230; многоточие ...
&prime; &#8242; одиночный штрих - минуты
&Prime; &#8243; двойной штрих - секунды
&oline; &#8254; надчеркивание
&frasl; &#8260; косая дробная черта
&ndash; &#8211; тире
&mdash; &#8212; длинное тире
&lsquo; &#8216; левая одиночная кавычка
&rsquo; &#8217; правая одиночная кавычка
&sbquo; &#8218; нижняя одиночная кавычка
&ldquo; &#8220; левая двойная кавычка
&rdquo; &#8221; правая двойная кавычка
&bdquo; &#8222; нижняя двойная кавычка

 

Как использовать?!

С такими символами можно обращаться также как и с обчным текстом. Посмотрите на пример ниже.

использование спец символов на странице

Возможно вам будет интересно:
Немного о дивах или как разместь два дива в ряд. Как работает сеть интернет ? Основы css

Если вы пробовали работать с дивами, то наверное заметили, что все они позиционируются по порядку, как указаны в html коде.

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

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

А задумывались ли вы когда-нибудь как работает эта сеть? Нет? Тогда, позвольте автору сайта объяснить, как обстоят дела.

Здравствуй дорогой читатель, в этой статье мы разберём:

  • что такое css
  • как подключить стили к своей странице
  • как использовать css
  • основные "свойства" css
« align=»absmiddle
Hosted by uCoz