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

Привет всем! Сегодня пост будет коротким, но для некоторых блоггеров очень полезным. Дело в том, что читая некоторые блоги, я часто замечаю ошибки при написании кода, т.е. когда в текст статьи вставляется пример php кода, ссылки в этом коде вместо вида <a href=”site.ru/kak-raskrutit…”>, становятся кликабельными, либо php код вставляет какой-либо блок, типа связных записей, вместо того чтобы отображаться просто как пример кода.
А посему сегодня я хотел бы поговорить о спецсимволах html.

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

Когда я только начинал заниматься сайтостроением, я не понимал почему примеры кусков кода, которые я вставляю в пост, отображаются у меня не так как хотелось бы. Оказывается всё намного проще. Есть символы, использующиеся при написании атрибутов HTML, либо в языке программирования PHP, которые настоятельно не рекомендуется при написании в статьях использовать в чистом виде (например открывающая и закрывающая угловые скобки < >, которые используются при написании HTML кода, либо знак амперсанд &, использующийся в PHP. А так же есть символы, которые вы не сможете ввести с клавиатуры по одной простой причине – на клавиатуре их просто нет (например стрелка вправо → или знак йены ¥ ). Для написания этих символов используются специальные комбинации кода, которые можно посмотреть в таблице символов.

Таблица символов Unicode (Юникод)

Когда мне срочно надо посмотреть как пишется какой либо символ, знак фунта стерлингов £, например, то я использую таблицу символов юникод, которая находится в Windows. Для того, чтобы открыть таблицу символов в Windows XP перейдите в меню Пуск/Все программы/Стандартные/Служебные/Таблица символов.
В Windows 7 войдите в меню «Пуск». В поле поиска введите Таблица символов, и в списке результатов выберите пункт Таблица символов. Откроется таблица символов Unicode, которая выглядит примерно следующим образом:

В верхней части таблицы находится меню, где вы можете выбрать шрифт. Ниже находятся символы выбранного вами шрифта. При выделении символа он увеличивается в размерах и его код и название отображаются в правом нижнем углу таблицы. Символы отображаются в Юникоде (Unicode).
Для справки, что такое Юникод?
Выдержка из Википедии:

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

На изображении вы видите выделенный знак «авторские права». В нижнем правом углу отображается его код в юникоде. Для того, чтобы вставить в текст этот символ нужно написать знак амперсанд &, решётку #, маленькую английскую букву икс x и индекс в юникоде, который отображается после U+, т.е. в нашем случае 00A9, завершаем эту комбинацию кода обязательно точкой с запятой. Должно получиться следующее: & #x00A9; а выглядеть в тексте статьи будет так: ©
Следовательно код &#x будет стандартным во всех случаях, а далее индекс в юникоде в виде 4-х значного значения будет индивидуальным для каждого символа. И точка с запятой в конце кода обязательно.

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

Чтобы легче было запоминать все эти символы было введено альтернативное обозначение этих символов в html, так называемые мнемоники. Например тот же знак «авторские права» © можно ещё написать следующим образом &copy; Наиболее часто использующиеся символы (мнемоники) я вывел ниже, в таблице специальных символов HTML. В принципе в этой таблице находятся все необходимые символы, которые могут понадобиться. Если в данной таблице нет какого либо символа, можете подсмотреть в таблице символов Windows. Пользуйтесь на здоровье!

Если символы слишком маленькие и их плохо видно, зажмите клавишу Ctrl и прокрутите колесо мыши вверх.
Ну вот, обещал короткий пост с таблицей спецсимволов, а получился длинный пост про специальные символы Unicode. Я надеюсь понятным языком написал, а то у меня в 10 классе за экзамен по литературе (за сочинение) двойка была. Но это было 21 год назад… В любом случае, что будет непонятно отписывайтесь в комментах.
С уважением, Михалыч!