Спецсимволы на веб-страницах

"Экранная типографика". Ввод типографских спецсимволов на веб-страницах "вручную". Особенности верстки текста в применении к HTML.

Пример: кавычки. Во всех текстах на любом иностранном языке используются так называемые “лапки”. В русских текстах используются «елочки» или “лапки” (но первые с экрана в мелких кеглях воспринимаются тяжелее)

Таблица 1 (с сайта design.ru).

§ параграф §
© copyright ©
® registered ®
° знак градуса °
« левая кавычка (левая елочка) «
» правая кавычка (правая елочка) »
… троеточие
‘ одиночная откр. кавычка
’ одиночная закр. кавычка (апостроф)
“ откр. кавычка (левая лапка)
” закр. кавычка (правая лапка)
• жирная точка
– среднее тире
— длинное тире
™ trademark
№ русский знак номера
± плюс-минус ±

Чтобы слова не перескакивали нежелательным образом, их нужно “привязывать” к соседним словам неразрывным пробелом:  

NOBR используется в случаях, когда   неуместен, то есть когда в слове нет пробелов, но оно не должно переноситься. Это касается телефонных номеров и некоторых слов, которые пишутся через дефис (некоторые браузеры переносят слова в месте дефиса).

Пример:
<nobr>212-85-06</nobr>


Таблица 2 (с сайта 1ps.ru).

Символ Код HTML Символ Код HTML Символ Код HTML Символ Код HTML
¡ &iexcl; ¢ &cent; £ &pound; ¥ &yen;
§ &sect; ¨ &uml; © &copy; « &laquo;
¬ &not; ® &reg; ° &deg; » &raquo;
± &plusmn; ´ &acute; µ &micro; &para;
· &middot; ¸ &cedil; ¿ &iquest; À &Agrave;
Ä &Auml; Ã &Atilde; Â &Acirc; Á &Aacute;
Å &Aring; Æ &AElig; Ç &Ccedil; È &Egrave;
É &Eacute; Ê &Ecirc; Ë &Euml; Ì &Igrave;
Í &Iacute; Î &Icirc; Ï &Iuml; Ñ &Ntilde;
Ò &Ograve; Ó &Oacute; Ô &Ocirc; Õ &Otilde;
Ö &Ouml; Ø &Oslash; Ù &Ugrave; Ú &Uacute;
Û &Ucirc; Ü &Uuml; ß &szlig; à &agrave;
á &aacute; â &acirc; ã &atilde; ä &auml;
å &aring; æ &aelig; ç &ccedil; è &egrave;
é &eacute; ê &ecirc; ë &euml; ì &igrave;
í &iacute; î &icirc; ï &iuml; ñ &ntilde;
ò &ograve; ó &oacute; ô &ocirc; õ &otilde;
ö &ouml; ÷ &divide; ø &oslash; ù &ugrave;
ú &uacute; û &ucirc; ü &uuml; ÿ &yuml;
&#130; ƒ &#131; ƒ &#132; &#133;
&#134; &#135; ˆ &#136; #137; &#137;
Š &#138; &#139; Œ &#140; &#146;
Ž &#142; &#147; &#148; &#145;
#149; &#149; &#150; &#151; ˜ &#152;
&#153; &#155; š &#154; œ &#156;
Ÿ &#159; ž &#158;   &nbsp;    

Источники:
http://www.design.ru/kovodstvo
http://www.1ps.ru

 
На главную страницу сайта
 
Оглавление раздела "Справочная информация"

Hosted by uCoz