что относится к спецсимволам

Что относится к спецсимволам

Эта заметка послужила поводом для небольшой реконструкции всей Кухни Сидорова.

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

— Как хорошо на «Кухне», раньше говорил Мячиков.

— На “Кухне” стало просто замечательно! — восклицает теперь Петр.

Что произошло

Можно сказать, что терпение дизайнеров лопнуло! Хотя нормальный вывод тире, “лапок” и других специальных (но таких необходимых) типографских знаков и сейчас возможен не на всех платформах, унижение дизайнеров достигло черты, у которой Артемий Лебедев в конце 2000 года выпустил специальный 62 параграф своего ру/ководства (www.design.ru/kovodstvo) под названием “Экранная типографика”.

Данный параграф ру/ководства берет на себя смелость служить основным настольным (надесктопным) справочником по экранной типографике. К сожалению, уровень отечественных теоретических и практических исследований в области восприятия информации с экрана не превышает нулевой отметки. Поэтому приходится не только проводить подобные исследования, но и составлять стандарты.

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

С недавних пор в Студии Лебедева все тексты в HTML должны обязательно верстаться в “обогащенном” варианте. Ни один текст не должен появиться на публике в “сыром” виде.

Вся Кухня Сидорова, включая кота Скриптовича, тоже проголосовала “за”!

Краткий справочник

Ниже приводится краткий справочник специальных символов.

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

Больше, меньше, амперсант

Знаки “ ” служат для обрамления тегов, поэтому для показа на экране их приходится кодировать.

Текст предыдущего абзаца записан в так:

Но чтобы показать эти коды пришлось закодировать амперсант:

Неразрывный пробел

Пробел   потому и называется неразрывным, что браузеру запрещается использовать его место для разрыва строки при автоматическом форматировании текста.

Неразрывный блок NOBR

Кавычки

Дмитрий Кирсанов в свой книге “Веб-дизайн” пишет:

Всего существует четыре типа кавычек: «французские» (иначе называемые «елочки»), „немецкие“ („лапки“), “английские обычные, или двойные”, и ‘английские одинарные’. В русском языке традиционно применяются французские «елочки», а для «кавычек „внутри“ кавычек» — немецкие „лапки“.

Артемий Лебедев считает, что “одноуровневые (верхние) лапки стали de facto стандартом за последние 10 лет” (из частной переписки).

На Кухне внимательно посмотрели на „немецкие“ и “английские” лапки и решили, что английские — более красивые.

Во всяком случае, знаком «дюйма» для кавычек мы больше пользоваться не будем.

Тире и дефис

Тире в середине предложения окружается: слева — неразрывным, а справа — обычным пробелом.

Код предыдущего абзаца записывается так:

Кодовые таблицы (справка)

ASCII

Эта кодировка ( A merican S tandart C ode for I nformation I nterchange) — восьмибитная (однобайтовая), но охватывает только 128 символов. Она включает латинский алфавит, цифры и основные знаки пунктуации. Все остальные стандартные кодировки совместимы с ней, то есть, размещают на первых 128 местах те же символы и в том же порядке. Вот почему люди часто говорят “ASCII”, хотя реально используют совсем другие кодировки.

Первый стандарт кодирования русских букв ( К од О бмена И нформации 8 битный). Кодировка применялась еще в годах на ЕС ЭВМ. Сейчас это стандарт для русскоязычной электронной почты. Понятно, что символы ASCII в ней остались на своих местах (как и в других кодировках).

CP1251

Кодировка Windows (Code Page 1251). Содержит русские буквы.

CP866

Latin-1

ISO-8859-1 — латиница с дополнительными символами
ISO-8859-5 — кириллица
ISO-8859-6 — арабский алфавит
ISO-8859-7 — греческий алфавит
ISO-8859-8 — иврит

В эту кодировку входят символы немецкого, французского, испанского и других алфавитов. Но русских букв в ней, конечно, нет!

Unicode

Стало понятно, что для кодов всех на свете символов одного байта никак не хватит! Так была придумана двухбайтовая кодировка Unicode. Эту кодировку “обязаны” понимать браузеры, начиная с версий.

В этой кодовой таблице (65 636 знакомест) есть все: китайский, корейский, японский и даже русский! Все живые, мертвые языки и 30% пока еще свободного места.

Unicode совместим с ASCII. Это означает, что первые 128 мест заняты под те же самые символы.

Источник

Что такое спецсимволы? Роль спецсимволов в Word и html

Уважаемые читатели, приветствую вас. На связи Аксель Фоули.

Сегодня для вас приготовлен материал, посвящённый спецсимволам и их значению в веб-дизайне. Что такое спецсимволы и как их можно использовать?

Попробую ответить на эти вопросы!

Зачем ОС спецсимволы — и что это вообще такое

Если очень-очень обобщить — спецсимвол это любой символ, которого нет на клавиатуре. Обычно для их вызова используются клавиатурные комбинации, либо некоторый код, вместо которого страница отобразит тот или иной символ для конечного пользователя.

Самое первое, что приходит в голову, конечно, это использование спецсимволов для украшения обычного текста. Согласитесь, аккуратный «™» выглядит гораздо солиднее, чем написанный наспех « ™ », хотя смысл и там и там — одинаковый.

Однако это лишь верхушка айсберга. Если вглядеться в суть, главная задача спецсимволов — в создании единой сигнальной системы для всех людей, пользующихся компьютерами, вне зависимости от того, какой тип письменности или систему счисления они считают родными.

Таблица спецсимволов ASCII появилась на свет в 1963 году. Кодировалось в ней 7 бит (только латинские заглавные буквы, цифры и несколько специальных символов), и это была первая серьёзная попытка перевести «человеческий» язык в язык машинный. В своей расширенной форме (стандарт ISO 8859) эта таблица используется и сегодня.

Следующим шагом в развитии кодирования стало появление системы Юникод. На сегодняшний день это самая популярная кодировка, используемая повсеместно. Она содержит в себе как коды системы ASCII, так и множество других символьных систем.

Ещё одна, гораздо более узкая их задача — поддерживать читабельность веб-страниц, обеспечивая в тексте правильное отображение символов, исторически используемых в том числе и для создания самих интернет-страничек.

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

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

Вставка символов в Windows делается с помощью так называемых Alt-кодов. Таблицу альт-кодов можно посмотреть, например, на Википедии.

Альт-код вводится как любая другая клавиатурная комбинация — при этом используется цифровая клавиатура с включённым Num Lock. Так, например, если нажать Alt + 0169, получится значок копирайта «©», а стрелки ↑↓→← рисуются при помощи кодов в диапазоне Alt + 24 – Alt + 27.

Спецсимволы можно использовать в пароле — это повышает его надёжность в разы.

Учтите, что комбинации чувствительны к раскладке клавиатуры:

Не используйте кириллицу, если хотите пользоваться верхними индексами через альт-код — там их просто нет.

Зато есть целый русский алфавит.

Спецсимволы в Microsoft Word

В «Ворде» спецсимволами можно управлять с помощью меню
Вставка → кнопка «Символ» в правом верхнем углу экрана.

В выпадающем меню предлагается два десятка символов на выбор, а кнопкой «Другие символы» вызывается меню, позволяющее добавить в окне документа любой символ на ваш вкус.

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

А как убрать символы, отвечающие за форматирование документа?

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

А что насчёт интернета

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

Существует три способа отображения спецсимволов в интернете:

Выглядят так: &мнемоник.

Ещё один популярный мнемоник — &amp, отображает символ «&», амперсанд, с которого обычно начинаются все другие комбинации кодов.

Подобная замена в программировании называется «экранирование».

Кроме того, есть специальные шестнадцатеричные URL-коды для символов в строке веб-адреса. Они кодируются при помощи знака процента % и шестнадцатеричного кода того или иного символа: %bb, например, будет значить закрывающую кавычку-«ёлочку».

Появление этой кодировки было вызвано, в частности, «опасностью» некоторых знаков пунктуации, используемых в программировании — говоря очень обобщённо, наличие таких символов, вполне обычных на письме, в URL ранее приводило к уязвимости к хакерским атакам.

Сегодня большинство таких уязвимостей уже устранено, и множество таких символов перенесено в разряд «зарезервированных» для команд языка.

Заключение

Надеюсь, этот текст дал вам общее представление об истории возникновения спецсимволов и наиболее распространённых способах их применения.

Может быть, у вас есть какие-то дополнения или вопросы? Подписывайтесь и оставляйте комментарии, я обязательно вам отвечу!

Источник

Что такое спецсимволы html

Здравствуйте уважаемые начинающие веб-мастера.

Чтоб посмотреть, о чём мы будем говорить в этой статье, загляните в таблицы спецсимволов.

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

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

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

Я не стану долго распространяться над их происхождением, так как цель этой статьи — случаи их наиболее частого применения.

Дело в том, что в угловые скобки в html заключаются теги, и если редакторе типа Notepad++, в тексте html файла, вам вдруг захочется поставить знаки больше или меньше, то браузер воспримет их как начало, или конец тега.

Но так как никакого тега нет и в помине, то всё, что будет находится после знака, в браузере не отразиться.

Поэтому, вывести угловую скобку на экран, можно только написав вместо угловой скобки, спецсимвол.

Ещё одним, часто применяемым спецсимволом, является «Неразрывный пробел».

При помощи него решаются следующие задачи:

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

При помощи спецсимвола «Неразрывный пробел» можно дать браузеру команду, не выполнять перенос в определённом месте.

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

В результате слово останется в той же строке, что и предыдущее.

2. Если Вам потребуется увеличить расстояние между абзацами статьи, то сделать это обычным переносом (клавиша Enter) не получится.

Для реализации, после переноса клавишей Enter, ставится спецсимвол «Неразрывный пробел», затем ещё раз Enter.

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

3. При помощи спецсимвола «Неразрывный пробел», можно создать красную стоку.

Если перед первым словом строки вставить несколько (лучше 4) спецсимволов, то получится отступ, то есть «Красная строка.»

Следующий популярный спецсимвол — это двойная кавычка. Особо он популярен у владельцев сайтов, управляемых CMS WordPress.

Дело в том, что WordPress, по замыслу разработчиков, переделывает двойную кавычку, которую Вы ставите в тексте, в угловую.

Когда в угловую кавычку помещается слово, то это визуально воспринимается нормально, но если Вы выкладываете код, в котором есть прямые кавычки, то угловые там смотрятся, как что-то инородное.

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

Желаю творческих успехов.

Перемена

Источник

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

Спецсимволы HTML – это специальные языковые конструкции, которые ссылаются на символы из набора символов, используемых в текстовых файлов. В таблице приведен список зарезервированных и специальных символов, которые не могут быть добавлены в исходный код HTML-документа с помощью клавиатуры:

Такие символы добавляются с помощью числового кода или имени.

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

Математические символы, поддерживаемые в HTML

Греческий и коптский алфавиты

Зачем нужны спецсимволы и как ими пользоваться

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

Источник