Войти
Регистрация

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

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

Часто при создании сайта приходится пользоваться спецсимволами, например в подвале сайта, чтобы указать значок Copyright©

Также символы и значки можно выводить при помощи иконочных шрифтов, но если в наборе спецсимволов есть нужный Вам значок, то стоит сделать выбор в их пользу, т.к. лишние наборы шрифтов я не люблю подключать к сайту ради 1, 2 значков.

Спецсимволы, иными словами сущности, мнемоники можно указывать как в HTML-коде сайта, так и в CSS в свойстве content псевдоэлемента.

Ниже предлагаю Вам таблицу часто используемых символов.

ВидHTML-кодCSS-код
<&lt;\003C
>&gt;\003E
пробел&nbsp;\00A0
«&laquo;\00AB
»&raquo;\00BB
®&reg;\00AE
©&copy;\00A9
§&sect;\00A7
&trade;\2122
&hellip;\2026
&larr;\2190
&uarr;\2191
&rarr;\2192
&darr;\2193
&harr;\2194
&crarr;\21B5
&#8634;\21BA
&spades;\2660
&clubs;\2663
&hearts;\2665
&diams;\2666
¢&cent;\FFE0
£&pound;\FFE1
¥&yen;\00A5
&euro;\20AC

В колонке с HTML-кодом просто вставляете код в верстку, с CSS-кодом в свойство content псевдоэлемента.

Первые 2 символа я обычно использую, если хочу на странице вывести HTML или CSS код, например тег <body>. Если в качестве скобок я использую значки на клавиатуре, то браузер воспримет его за системный и не выведет, поэтому в HTML-коде я пишу &lt;body&gt;

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

С уважением, Самвел Погосов

Рекомендую к изучению мой бесплатный видеокурс по HTML и CSS для начинающих с подробными видеоуроками и заданиями: Перейти к видеокурсу

Комментарии к статье

Бесплатный видеокурс

HTML и CSS для начинающих

Практический и бесплатный курс по основам HTML и CSS для начинающих. С этим курсом Вы сможете изучить базовые понятия верстки и стилей CSS. Курс с практическими уроками и заданиями, все видеоуроки последовательны и увлекательны. Я научу Вас всему, чему научился сам.

Получить курс
Опрос

Для чего Вы изучаете HTML и CSS?