Форматирование текста

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

Существуют определенные символы текста, которые невозможно вывести в браузере, если ввести их непосредственно в текстовом редакторе. Некоторые из этих символов имеют специальное значение в XHTML, и, вместо их вывода, браузер будет интерпретировать эти символы как код XHTML. Например, символы "<" (меньше) и ">" (больше) используются для определения тегов. Поэтому нельзя вводить эти символы непосредственно как часть контента страницы Web, так как они будут интерпретироваться как теги XHTML, а не выводиться как символы "меньше" и "больше"".

Другие символы, такие, как (copyright) и (trademark), не имеют эквивалента на клавиатуре. Тем не менее, требуется способ представления их на странице Web. Далее, браузеры всегда объединяют последовательности символов пробелов в один пробел, независимо от количества введенных в текстовом редакторе пробелов. Однако, иногда может понадобиться оставить более одного пробела между буквами и словами.

Коды символов

XHTML содержит набор имен специальных символов и кодов, которые выводят соответствующие символы в браузере. Эти символы записываются с префиксом в виде амперсанда ( & ) и заканчиваются точкой с запятой ( ; ) , чтобы идентифицировать их как специальные символы. Для представления этих символов в документе XHTML можно использовать числовой код или название символа (если такое имеется).

Таблица 4.6. Специальные символы - названия и коды

Выводимый символ	Название	Код	Описание
"	"	"	двойная кавычка
&	&	&	амперсанд
		'	апостроф
<	&lt;	&#60;	меньше
>	&gt;	&#62;	больше
	&trade;	&#153;	торговая марка
	&nbsp;	&#160;	неразрывный пробел
	&cent;	&#162;	центы
	&brvbar;	&#166;	разорванная вертикальная черта
	&sect;	&#167;	параграф, раздел
	&copy;	&#169;	авторское право
"	&laquo;	&#171;	левая угловая кавычка
"	&raquo;	&#187;	правая угловая кавычка
	&not;	&#172;	знак отрицания
	&reg;	&#174;	зарегистрированная торговая марка
	&deg;	&#176;	градус
	&plusmn;	&#177;	плюс/минус
	&para;	&#182;	параграф, абзац
x	&middot;	&#183;	точка посредине
	&bull;	&#149;	маркер, буллит
	&frac14;	&#188;	дробь одна четвертая
	&frac12;	&#189;	дробь одна вторая
	&frac34;	&#190;	дробь три четвертых
	&divide;	&#247;	деление
x	&times;	&#215;	умножение
'	&oslash;	&#248;	маленькое перечеркнутое о
	&Oslash;	&#216;	большое перечеркнутое О
-	&ndash;	&#150;	короткое тире
-	&mdash;	&#151;	длинное тире

В качестве примера применения этих специальных символов следующий код оставляет по пять пробелов между словами, используя между ними символы неразрывного пробела ( &nbsp; ) и маркера ( &bull; ).

МЕЖДУ  •  ЭТИМИ  •  
СЛОВАМИ  •  ЗАДАНО  •  
ПО  •  ПЯТЬ  •  
ПРОБЕЛОВ.

МЕЖДУ  x   ЭТИМИ  x   СЛОВАМИ  x   ЗАДАНО  x   ПО  x   ПЯТЬ  x   ПРОБЕЛОВ.

Вывод кода XHTML

Если необходимо выводить теги XHTML как часть текста на странице Web, то нельзя просто ввести символы "<" и ">". Эти символы воспринимаются браузером как вложенные теги XHTML и будут соответственно интерпретироваться. Вместо этого необходимо использовать для вывода этих символов специальные символы XHTML "&lt;" и "&gt;".

Предположим, что на странице Web нужно вывести следующий код XHTML.

<p>Это параграф, в котором слово <span class="red">RED</span> 
    выводится красным цветом, помещенное внутри тега <span>, к которому 
    применяется класс стиля.</p>

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

<pre style="font-size:9pt">
&lt;p&gt;Это параграф, в котором слово &lt;span class="red"&gt;
RED&lt;/span&gt; выводится красным цветом, помещенное внутри тега 
&lt;span&gt;
, который использует класс стиля.&lt;/p&gt;
</pre>

Форматирование кодов символов

Необходимо отметить, что для кодов специальных символов могут применяться стили, так же, как и для других алфавитно-цифровых символов. Например, следующее уравнение выводится полужирным шрифтом Courier New размером 24 пункта.

<style type="text/css">
  .equation {font-family:courier new; font-size:24pt; font-weight:bold}
</style>

<p class="equation">&frac14; + &frac12; = &frac34;</p>

Рис. 4.13. Коды символов с заданным стилем