| Главная « HTML - язык гипертекста « Элементы: P и PRE |  |
 |
Некоторые разработчики применяют DIV вместо P… |
Элемент P — это абзац обычного текста. Например, текст, который вы читаете прямо сейчас на этом сайте, аключен в тэг <p>…<⁄p>.
Многие разработчики пренебрегают элементом P там, где он должен быть, и заключают текст в другие элементы (например, в DIV). Это не такая серьезная ошибка, как применение элементов FONT и B вместо H1, но ее все же рекомендуется избегать.
Практически любой связный текст, будь то статья, объявление, аннотация или еще что-то подобное, состоит из абзацев. Такие абзацы должны быть закодированы с помощью элементов <p>…<⁄p>.
 |
Некоторые разработчики применяют DIV вместо P, потому что в большинстве браузеров элемент P по умолчанию отображается с небольшими вертикальными отступами перед и после. Это не должно останавливать вас от грамотной разметки: ничто не мешает отменить эти отступы средствами CSS. |
Элемент PRE — более редкий. Он обозначает преформатированный текст (Preformatted text), т. е. такой текст, в котором должны сохраняться все пробелы, табуляции и переводы строк.
Когда-то этот элемент широко применялся для текстовых таблиц и схем, но со временем необходимость в таких суррогатах отпала.
Хотя осталось немало других случаев, когда целесообразно употреблять элемент PRE:
-
для выделения программного кода и подобного текста — если вы размещаете на веб-странице фрагменты исходного кода программ или файлов HTML, их следует заключать в элемент PRE. В противном случае будет потерян стиль кодирования, а иногда могут даже возникнуть синтаксические ошибки;
-
для стихотворного текста — в стихах, как и в кодах программ, пробелы и переводы строк являются важной частью содержания, и элемент pre позволяет их сохранить.
Элемент PRE не только сохраняет существующие разрывы строк, но и не вставляет новых. Если строка слишком длинная и не помещается в окно браузера, она не разобьется, как в случае элемента P, а уйдет за границу окна. При этом появится горизонтальная полоса прокрутки.
