Как вставлять специальные символы в контент

Порой, при верстке контента наших веб страниц, нам бывает необходимо вставить какие-либо специальные символы. Это может быть значок копирайта или символ зарегистрированного товарного знака, возможно, нужно вставить символ градуса или слово на иностранном языке с обозначением акцента над какой-либо буквой. Как сделать это правильно, чтобы символ отобразился надлежащим образом? Об этом мы поговорим сегодня.

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

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

В общем, думаю, что с этим рано или поздно сталкиваются все. Так что, давайте рассмотрим, как вставить эти знаки правильно и без проблем.

Вставка специальных символов в контент

Вставка специальных символов при помощи Adobe Dreamweaver.

Давайте сначала рассмотрим ситуацию, когда Вы осуществляете верстку при помощи программы Adobe Dreamweaver.

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

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

Итак, для того, чтобы вставить специальный символ в текст, необходимо пойти в меню Insert – HTML – Special Characters.

вставка специальных символов через Dreamweaver

Перед Вами откроется подменю со списком возможных специальных символов.

список специальных символов программы Dreamweaver

Среди них Вы сможете найти символ копирайта - ©, символ зарегистрированного товарного знака - ®, символы йены - ¥ и евро - €, значки правой и левой кавычек “”, а также некоторые другие.

Но если этих символов для Вас окажется недостаточно, то можно нажать на пункт Other…

дополнительные специальные символы

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

вставка специальных символов при верстке сайта

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

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

Здесь я рассказываю о программе Adobe Dreamweaver, так как в основном работаю в ней. Думаю, что и в других редакторах есть подобные функции. Кстати, если Вы работаете в каком-либо другом редакторе, то будет очень здорово, если Вы поделитесь в комментариях о том, где расположена эта функция в Вашем редакторе.

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

Вставка специальных символов вручную.

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

Вот список, наиболее распространенных символов:

Копирайт © - ©

Зарегистрированный товарный знак ® - ®

Градус ° - & deg;

Евро € - €

Буква с акцентом é - é (в данном случае показана буква «e». Если нужна другая буква, то просто поменяйте самую первую букву на нужную).

Параграф § - §

Вот, пожалуй, самое основное, что может Вам пригодиться. Обратите внимание, что точка с запятой (;) в конце кода символа обязательно должна быть.

Теперь, я думаю, никакой специальный символ не станет для Вас неприятным сюрпризом и Вам уже не придётся ломать голову в поисках информации, как его вставить.

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

Жду Ваших комментариев, дополнений, пожеланий…

Делитесь статьей с друзьями при помощи кнопок социальных сетей и подписывайтесь на обновления блога. Здесь будет только полезная информация!

С Вами, как всегда, была Анна Котельникова.

Успехов Вам и до новых встреч!


Как вставить карту на сайт

Что выбрать: CMS или самописный движок?

Создаем динамический баннер в Photoshop

Понравилась статья? Поделись с друзьями!


Будьте в курсе новых публикаций на Блоге!

rss podpiska

Введите Ваш E-mail:


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

Комментарий добавил(а): Евгений
Дата: 2014-06-01

О, круто. А я искал совсем не давно, приходилось через alt+[число] =) Спасибо

Комментарий добавил(а): Админ
Дата: 2014-06-01

Не за что. Пользуйтесь :)

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


Введите сумму чисел с картинки:

Почему стоит подписаться на обновления блога

Будьте в курсе новых публикаций на Блоге!

rss podpiska

Введите Ваш E-mail: