Просмотров: 1 873

Параграфы (абзацы)

3.2.5.3 Параграфы.

Замечание: термин параграф, как он был определен в данном разделе, используется в более широком смысле, чем элемент p. Концепция параграфа, определяемая здесь, используется для описания как интерпретировать документы. Элемент p это всего лишь один способ как можно определить параграф.

Обычно параграф это фразообразующий контент, который формирует блоки с текстом с одним или более предложением по конкретной теме, как в типографии, но может быть также использован для более общей тематической группировки. К примеру, адрес тоже является параграфом если он является составной частью формы, подпись или строфа в стихотворении.

В следующем примере раздел содержит два параграфа. Есть также заголовок, который состоит из фразообразующего контента, который не является параграфом. Заметьте, что комментарии и межэлементные пробелы не формируют параграфы.

<section>
<h1>Пример параграфов</h1>
Это <em>первый</em> параграф в данном примере.
<p>Это второй.</p>
<!-- Это не параграф. -->
</section>

Параграфы в потоковом контенте определены относительно того, как документ выглядит без усложняющих элементов a, ins, del, и map, потому что эти элементы с их гибридными контентными моделями могут переходить рамки параграфа, как показано в примерах выше.

Замечание: Обычно, элементов, которые могут переходить рамки параграфов лучше избегать. Поддержание такой разметки может быть очень трудной.

В следующем примере взята разметка из предыдущего примера. Элементы insи delпомещены в разметку, чтобы показать, что текст изменился (хотя, в данном случае, эти изменения бессмысленны). Обратите внимание, что в этом примере ровно столько же параграфов, как и в предыдущем, несмотря на элементы ins и del – элемент insобрамляет заголовок и первый параграф и элемент delобрамляет границы между двумя параграфами.

<section>
<ins><h1>Пример параграфов </h1>
Это <em>первый</em> параграф в</ins> данном примере<del>.
<p>Это второй.</p></del>
<!-- Это не параграф. -->
</section>

Параграф также явно формируется элементами p.

Замечание: Элемент p может быть использован для обертывания индивидуальных параграфов когда не было бы  никакого содержимого, кроме фразообразующего контента, для отделения параграфов друг от друга.

В следующем примере ссылка охватывает половину первого параграфа, всю заголовочную часть, разделяющую два параграфа и половину второго параграфа. Она охватывает параграфы и заголовочную часть.

<aside>
Добро пожаловать!
<a href="about.php">
Это зона...
<h1>«Фалконов»!</h1>
Многоцелевой истребитель «Локхид Мартин»!
</a>
На этой странице обсуждаются сокровенные тайны «Файтинг Фалкон Ф-16».
</aside>

Здесь другой способ разметки этого же самого кода, на этот раз точно демонстрирующий параграфы. Здесь одна ссылки разделяется на три.

<aside>
<p> Добро пожаловать!<a href="about.php">Это зона...</a></p>
<h1><a href="about.php">"«Фальконов»!</a></h1> <p><a href="about.php">
Многоцелевой истребитель «Локхид Мартин»!</a>
На этой странице обсуждаются сокровенные тайны «Файтинг Фалкон Ф-16».</p>
</aside>

Параграфы могут перекрываться, когда используются определенные элементы, которые определяют резервное содержимое. Например, в следующей секции:

<section>
<h1>Мои кошки</h1>
Вы можете поиграть с моим кошачьим симулятором.
<object data="cats.sim">
Чтобы увидеть кошачий симулятор, воспользуйтесь одной из следующих ссылок:
<ul>
<li><a href="cats.sim">Загрузить файл симулятора</a>
<li><a href="http://sims.example.com/watch?v=LYds5xY4INU">
Использовать онлайновый симулятор</a></ul>
Кроме того, вы можете обновиться до браузера Mellblom.
</object>
Я на самом деле горжусь им.
</section>

Здесь есть 5 параграфов:

1. Параграф в котором говориться «Вы можете поиграть с моим кошачьим симулятором. object Я на самом деле горжусь им.», где object это элемент object.

2. Параграф в котором говориться « Чтобы увидеть кошачий симулятор, воспользуйтесь одной из следующих ссылок:»

3. Параграф в котором говориться «Загрузить файл симулятора»

4. Параграф в котором говориться «Использовать онлайновый симулятор»

5. Параграф в котором говориться « Кроме того, вы можете обновиться до браузера Mellblom.»

Первый параграф перекрывает остальные четыре. Пользовательский агент, который поддерживает ресурс «cats.sim», покажет только этот первый параграф, но пользовательский агент, который показывает резервное содержание, внезапно покажет первое предложение первого параграфа, как если бы оно было в том же параграфе, что и второе и покажет покажет последний параграф, как если бы он был в начале второго предложения первого параграфа.

Чтобы избежать этой путаницы, можно использовать явные элементы p.