Опубликован: 19.03.2007 | Уровень: для всех | Доступ: платный
Лекция 4:

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

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

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

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

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

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

Таблица 4.6. Специальные символы - названия и коды
Выводимый символ Название Код Описание
" &quot; &#34; двойная кавычка
& &amp; &#38; амперсанд
\textquotesingle &#39; апостроф
< &lt; &#60; меньше
> &gt; &#62; больше
\text{\texttrademark} &trade; &#153; торговая марка
&nbsp; &#160; неразрывный пробел
\text{\textcent} &cent; &#162; центы
\text{\textbrokenbar} &brvbar; &#166; разорванная вертикальная черта
\S &sect; &#167; параграф, раздел
\copyright &copy; &#169; авторское право
" &laquo; &#171; левая угловая кавычка
" &raquo; &#187; правая угловая кавычка
\neg &not; &#172; знак отрицания
\text{\textregistered} &reg; &#174; зарегистрированная торговая марка
\deg &deg; &#176; градус
\pm &plusmn; &#177; плюс/минус
\P &para; &#182; параграф, абзац
x &middot; &#183; точка посредине
\bullet &bull; &#149; маркер, буллит
\frac14 &frac14; &#188; дробь одна четвертая
\frac12 &frac12; &#189; дробь одна вторая
\frac{3}{4} &frac34; &#190; дробь три четвертых
\div &divide; &#247; деление
x &times; &#215; умножение
' &oslash; &#248; маленькое перечеркнутое о
\varnothing &Oslash; &#216; большое перечеркнутое О
- &ndash; &#150; короткое тире
- &mdash; &#151; длинное тире

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

МЕЖДУ&nbsp;&nbsp;&bull;&nbsp;&nbsp;ЭТИМИ&nbsp;&nbsp;&bull;&nbsp;&nbsp;
СЛОВАМИ  •  ЗАДАНО  •  
ПО&nbsp;&nbsp;&bull;&nbsp;&nbsp;ПЯТЬ&nbsp;&nbsp;&bull;&nbsp;&nbsp;
ПРОБЕЛОВ.
Листинг 4.20. Использование специальных символов для вывода страницы Web
МЕЖДУ  x   ЭТИМИ  x   СЛОВАМИ  x   ЗАДАНО  x   ПО  x   ПЯТЬ  x   ПРОБЕЛОВ.
Листинг 4.21. Вывод браузером фиксированных пробелов и маркеров
Вывод кода XHTML

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

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

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

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

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

Необходимо отметить, что для кодов специальных символов могут применяться стили, так же, как и для других алфавитно-цифровых символов. Например, следующее уравнение выводится полужирным шрифтом 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.24. Применение стилей для кодов символов
Коды символов с заданным стилем

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

После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть?

Владислав Нагорный
Владислав Нагорный

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

Спасибо!