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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Копирайт © – ©

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

Градус ° – & deg;

Евро € – €

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

Параграф § – §

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

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

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

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

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

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

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