Текст фиксированного формата
Предположим, в тексте html-страницы необходимо привести фрагмент стихотворения, например:
Should this life sometime deceive you,
Don’t be sad or mad at it!
On a gloomy day, submit:
Trust — fair day will come, why grieve you?
Heart lives in the future, so
What if gloom pervade the present?
All is fleeting, all will go;
What is gone will then be pleasant.
Alexander Pushkin,1825
Если записать текст, так как мы его видим, у нас ничего не получится, поскольку браузер весь текст отобразит одной строкой. Почему?
Вспомним, что браузер при выводе текста блочного элемента, к которому относится тег Р, руководствуется следующими правилами:
- автоматически преобразует два или более пробелов, которые следуют друг за другом, в один пробел;
- переносы строк считается за пробел.
Поэтому, чтобы стихотворение отображалось в браузере правильно, следует об этом позаботиться "вручную". Для этого каждая строка стихотворения в html-коде должна заканчиваться тегом переноса строк BR.
ПРИМЕР:
<p><br> Should this life sometime deceive you,<br> Don’t be sad or mad at it!<br> On a gloomy day, submit:<br> Trust — fair day will come, why grieve you?<br> <br> Heart lives in the future, so<br> What if gloom pervade the present?<br> All is fleeting, all will go;<br> What is gone will then be pleasant.<br> <br> Alexander Pushkin,1825 </p> |
Проблему можно решить другим способом, при помощи тега фиксированного формата - PRE. Для этого надо всего лишь исходный текст заключить внутрь тега.
ПРИМЕР:
<pre> Should this life sometime deceive you, Don’t be sad or mad at it! On a gloomy day, submit: Trust — fair day will come, why grieve you? Heart lives in the future, so What if gloom pervade the present? All is fleeting, all will go; What is gone will then be pleasant. Alexander Pushkin,1825 </pre> |
При использовании тега PRE текст отображается так, как он написан.
Правила текста фиксированного формата:
- текст, заключенный в тег PRE, выводится моноширинным шрифтом;
- все пробелы и переносы строк сохраняются;
- если строка текста не будет помещаться в окне браузера, она не будет автоматически переносится на новую строку. В этом случае в окне браузера появится полоса горизонтальной прокрутки, что считается плохим стилем WEB-дизайна;
- возможно наличие html-тегов для выделения текста и гиперссылок.
Моноширинный шрифт - шрифт, символы которого имеют одинаковую ширину (например, Courier New). Пропорциональный шрифт - шрифт, символы которого имеют различную ширину (например, Arial).
Текст фиксированного формата также является блочным элементом, и используется для вывода исходных текстов программ или быстрой публикации в Интернете документов, которые набраны обычным текстом.