- •15. Разметка текстового контента в html
- •Введение
- •Пробел - последняя граница
- •Элементы блочного уровня
- •Заголовки разделов страницы
- •Стандартные параграфы
- •Цитирование других источников
- •Предварительно форматированный текст
- •Короткие цитаты
- •Выделение
- •Выделение текста курсивом
- •Строковые элементы
- •Элементы представления - никогда не используйте их
- •Заключение
- •Об авторе
Стандартные параграфы
Параграф является строительным блоком большинства документов. В HTML параграф представляют элементом p, который не имеет специальных атрибутов. Например:
<p>Это очень короткий параграф. Он содержит только два предложения.</p>
Параграф во многих статьях и книгах может содержать только одно предложение. Хотя значение (в терминах письменной прозы) "параграфа" достаточно четко, в Web значительно более короткая область текста часто помещается в элементы параграфа, так как автор считает, что это более "семантически правильно", чем использование элемента div (мы рассмотрим это в будущей лекции c названием "Базовые контейнеры").
Параграф является совокупностью из одного или нескольких предложений, также как в газетах и книгах. В Web лучше использовать элемент параграфа для этого, а не просто для произвольного куска текста на странице. Если это только несколько слов и даже не является предложением, тогда они, вероятно, не должны помечаться как параграф.
Цитирование других источников
Очень часто статьи, публикации блога, и справочные документы цитируют целиком или частично другой документ. В HTML это помечается с помощью элемента blockquote для длинных цитат, таких как целые предложения, параграфы, списки, и тому подобное.
Элемент blockquote может не содержать текст, но может вместо этого содержать внутри себя другой элемент блочного уровня. Необходимо использовать элемент блочного уровня, который использовался в исходном документе. Если цитируется параграф текста, используйте параграф; когда цитируется список объектов, используйте элемент для списка и т.д.
Если цитата поступает с другой Web-страницы, можно указать это с помощью атрибута cite следующим образом:
<p>HTML 4.01 is the only version of HTML that you should use
when creating a new web page, as, according to the specification:</p>
<blockquote cite="http://www.w3.org/TR/html401/">
<p>This document obsoletes previous versions of HTML 4.0,
although W3C will continue to make those specifications and
their DTDs available at the W3C Web site.</p>
</blockquote>
Атрибут cite не требуется в том случае, когда цитата берется из книги, журнала, или другой формы несетевого контента.
Предварительно форматированный текст
Любой текст, в котором форматирование и разделители (см. ранее) имеют значение, должен быть размечен с помощью элемента pre.
В большинстве Web-браузеров текст, помеченный как предварительно форматированный, будет выводиться пользователю в том же виде, как он представлен в источнике, иногда с помощью шрифта фиксированной ширины (моноширинный), что придает тексту вид как бы отпечатанного на машинке. Это является наследием программистов, которые использовали ранее шрифты фиксированной ширины для представления предварительно форматированного текста.
В следующем примере можно видеть фрагмент кода, написанного на языке программирования perl.
<pre><code class="language-perl">
# read in the named file in its entirety
sub slurp {
my $filename = shift;
my $file = new FileHandle $filename;
if ( defined $file ) {
local $/;
return <$file>;
}
return undef;
};
</code></pre>
Использование приведенного выше кода будет объяснено в лекции 21 о менее известных семантических элементах позже в этом курсе.
