Skip to content

Commit 67c6ff0

Browse files
committed
change available-flow to available-content
1 parent 12d1682 commit 67c6ff0

2 files changed

Lines changed: 67 additions & 69 deletions

File tree

css3-page-template/Overview.html

Lines changed: 51 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -239,11 +239,11 @@
239239

240240
<h1>CSS Pagination Templates Module Level 3</h1>
241241

242-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 3 March 2012</h2>
242+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 17 March 2012</h2>
243243

244244
<dl>
245245
<dt>This version:
246-
<!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-page-template-20120303/">http://www.w3.org/TR/2012/ED-css3-page-template-20120303/</a>-->
246+
<!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-page-template-20120317/">http://www.w3.org/TR/2012/ED-css3-page-template-20120317/</a>-->
247247

248248

249249
<dd><a
@@ -344,32 +344,31 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
344344
<!--begin-toc-->
345345

346346
<ul class=toc>
347-
<li><a href="#intro"><span class=secno>1. </span> Introduction</a>
347+
<li><a href="#intro"><span class=secno>1. </span>Introduction</a>
348348
<ul class=toc>
349-
<li><a href="#placement"><span class=secno>1.1. </span> Module
349+
<li><a href="#placement"><span class=secno>1.1. </span>Module
350350
Interactions</a>
351351
</ul>
352352

353-
<li><a href="#templates-and-slots"><span class=secno>2. </span> Pagination
353+
<li><a href="#templates-and-slots"><span class=secno>2. </span>Pagination
354354
Templates and Slots</a>
355355

356-
<li><a href="#conditional-templates"><span class=secno>3. </span> Template
356+
<li><a href="#conditional-templates"><span class=secno>3. </span>Template
357357
Selection</a>
358358
<ul class=toc>
359-
<li><a href="#ordered-templates"><span class=secno>3.1. </span>
360-
Selecting Templates by Page Order</a>
359+
<li><a href="#ordered-templates"><span class=secno>3.1. </span>Selecting
360+
Templates by Page Order</a>
361361

362362
<li><a href="#selection-from-required-flows"><span class=secno>3.2.
363-
</span> Selecting Templates from Required Flows</a>
363+
</span>Selecting Templates from Required Flows</a>
364364

365365
<li><a href="#selection-from-available-content"><span class=secno>3.3.
366-
</span> Selecting Templates from Available Content</a>
366+
</span>Selecting Templates from Available Content</a>
367367
</ul>
368368

369-
<li><a href="#cssom"><span class=secno>4. </span> CSS Object Model
370-
Modifications</a>
369+
<li><a href="#cssom"><span class=secno>4. </span>CSS Object Model</a>
371370

372-
<li><a href="#conformance"><span class=secno>5. </span> Conformance</a>
371+
<li><a href="#conformance"><span class=secno>5. </span>Conformance</a>
373372

374373
<li class=no-num><a href="#acknowledgments">Acknowledgments</a>
375374

@@ -385,7 +384,7 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
385384
</ul>
386385
<!--end-toc-->
387386

388-
<h2 id=intro><span class=secno>1. </span> Introduction</h2>
387+
<h2 id=intro><span class=secno>1. </span>Introduction</h2>
389388

390389
<p><em>This section is not normative.</em>
391390

@@ -430,7 +429,7 @@ <h2 id=intro><span class=secno>1. </span> Introduction</h2>
430429
are more helpful than onelook.com (which suggested "Captain Submarine").</div>
431430
</div>
432431

433-
<h3 id=placement><span class=secno>1.1. </span> Module Interactions</h3>
432+
<h3 id=placement><span class=secno>1.1. </span>Module Interactions</h3>
434433

435434
<p>This module uses named flows and region chains defined in <a
436435
href="#CSS3-REGIONS"
@@ -442,8 +441,8 @@ <h3 id=placement><span class=secno>1.1. </span> Module Interactions</h3>
442441
<p>Some examples use positioning from <a href="#CSS3GRID"
443442
rel=biblioentry>[CSS3GRID]<!--{{CSS3GRID}}--></a>.
444443

445-
<h2 id=templates-and-slots><span class=secno>2. </span> Pagination
446-
Templates and Slots</h2>
444+
<h2 id=templates-and-slots><span class=secno>2. </span>Pagination Templates
445+
and Slots</h2>
447446

448447
<p>An @template rule defines a pagination template. Pagination templates
449448
contain one or more slots to display content. An element can use
@@ -631,18 +630,17 @@ <h2 id=templates-and-slots><span class=secno>2. </span> Pagination
631630
</pre>
632631
</div>
633632

634-
<h2 id=conditional-templates><span class=secno>3. </span> Template
635-
Selection</h2>
633+
<h2 id=conditional-templates><span class=secno>3. </span>Template Selection</h2>
636634

637635
<p>Multiple templates can be defined for a single document. An element that
638636
uses pagination templates either selects a template from the entire
639637
document set or a subset defined by the &lsquo;<code
640638
class=property>template-set</code>&rsquo; property. Each page view created
641639
uses a single template. This template can be chosen from the applicable
642640
set using a selector, by matching content to display using the
643-
&lsquo;<code class=property>required-flow</code>&rsquo; and &lsquo;<code
644-
class=property>available-flow</code>&rsquo; declarations, or just taking
645-
the first template found.
641+
&lsquo;<code class=property>required-flow</code>&rsquo; or &lsquo;<code
642+
class=property>available-content</code>&rsquo; declarations, or just
643+
taking the first template found.
646644

647645
<div class=example>
648646
<p>In this example the divs are paginated using the first template found
@@ -682,7 +680,7 @@ <h2 id=conditional-templates><span class=secno>3. </span> Template
682680
</div>
683681
</div>
684682

685-
<h3 id=ordered-templates><span class=secno>3.1. </span> Selecting Templates
683+
<h3 id=ordered-templates><span class=secno>3.1. </span>Selecting Templates
686684
by Page Order</h3>
687685

688686
<p>Selectors such as :first can be used on a pagination template to define
@@ -734,8 +732,8 @@ <h3 id=ordered-templates><span class=secno>3.1. </span> Selecting Templates
734732
</div>
735733
</div>
736734

737-
<h3 id=selection-from-required-flows><span class=secno>3.2. </span>
738-
Selecting Templates from Required Flows</h3>
735+
<h3 id=selection-from-required-flows><span class=secno>3.2.
736+
</span>Selecting Templates from Required Flows</h3>
739737

740738
<p>The &lsquo;<code class=property>required-flow</code>&rsquo; property can
741739
be used in a pagination template to list named flows that must still have
@@ -807,37 +805,42 @@ <h3 id=selection-from-required-flows><span class=secno>3.2. </span>
807805
</pre>
808806
</div>
809807

810-
<h3 id=selection-from-available-content><span class=secno>3.3. </span>
811-
Selecting Templates from Available Content</h3>
808+
<h3 id=selection-from-available-content><span class=secno>3.3.
809+
</span>Selecting Templates from Available Content</h3>
812810

813811
<p>Pagination templates can be selected based on the order of content in
814812
the original markup. Content may be split out into one or more named
815813
flows, but the original order can be discovered in the markup.
816814

817815
<p>Pagination templates have a &lsquo;<code
818-
class=property>primary</code>&rsquo; content flow. The primary content for
819-
a pagination template is usually the content of the paginated element. If
820-
no slot displays the element contents, then the primary content of the
821-
pagination template is the first named flow in its required-flow
816+
class=property>primary</code>&rsquo; content flow. The primary flow for a
817+
pagination template is usually the content of the paginated element. If no
818+
slot in the template displays the element contents, then the primary flow
819+
of the pagination template is the first named flow in its required-flow
822820
declaration.
823821

824822
<p>When selecting the pagination template for the next page, the primary
825-
content flow in the original markup can be scanned to determine whether
826-
any out-of-flow content in named flows was originally related to the next
827-
page of primary flow. If this is the case, then those named flows have
823+
flow in the original markup can be scanned to determine whether any
824+
out-of-flow content in named flows was originally related to the next page
825+
of primary flow. If this is the case, then those named flows have
828826
&lsquo;<code class=property>available</code>&rsquo; content for the
829827
purpose of selecting an appropriate template that can display this
830828
content.
831829

832830
<p>Pagination templates can have an &lsquo;<code
833-
class=property>available-flow</code>&rsquo; declaration listing the named
834-
flows that must have available content for the template to be selected. If
835-
a template with an &lsquo;<code
836-
class=property>available-flow</code>&rsquo; declaration is chosen, only
837-
the available content in those flows is displayed in the slots associated
838-
with those flows.
831+
class=property>available-content</code>&rsquo; declaration listing the
832+
named flows that must have available content for the template to be
833+
selected. Templates with more &lsquo;<code
834+
class=property>available-content</code>&rsquo; flow matches take
835+
precedence over fewer or no &lsquo;<code
836+
class=property>available-content</code>&rsquo; flow matches. If a template
837+
with an &lsquo;<code class=property>available-content</code>&rsquo;
838+
declaration is chosen, only the available content in those flows is
839+
displayed in the slots associated with those flows.
839840

840841
<div class=example>
842+
<p>Clarification example
843+
841844
<p>Consider an article element that contains images scattered throughout.
842845
Assign the images to a flow named &lsquo;<code
843846
class=property>images</code>&rsquo; and the rest of the article to a flow
@@ -849,20 +852,22 @@ <h3 id=selection-from-available-content><span class=secno>3.3. </span>
849852
&lsquo;<code class=property>text</code>&rsquo; flow, but the second
850853
template also requires the &lsquo;<code
851854
class=property>images</code>&rsquo; flow and has an &lsquo;<code
852-
class=property>available-flow</code>&rsquo; declaration listing the
855+
class=property>available-content</code>&rsquo; declaration listing the
853856
&lsquo;<code class=property>images</code>&rsquo; flow. Each time a page
854857
is laid out, the original article element is scanned to see whether an
855858
image element is in the next page's worth of content (determined by some
856-
heuristic, not layout). If so, then that content from the &lsquo;<code
857-
class=property>images</code>&rsquo; flow is available for the purpose of
858-
selecting a template.
859+
markup-scanning heuristicnot layout). If so, then that content from
860+
the &lsquo;<code class=property>images</code>&rsquo; flow is available
861+
for the purpose of selecting a template.
859862
</div>
860863

861864
<div class=issue-marker>
862865
<div class=issue-details>Expand this.</div>
863866
</div>
864867

865868
<div class=example>
869+
<p>Motivational example
870+
866871
<p>Assume you have an article that contains both pull quotes and images.
867872
If only images <em>or</em> pull quotes would occur on a page, position
868873
those elements in the center right of the template. But if both images
@@ -874,7 +879,7 @@ <h3 id=selection-from-available-content><span class=secno>3.3. </span>
874879
</div>
875880
</div>
876881

877-
<h2 id=cssom><span class=secno>4. </span> CSS Object Model Modifications</h2>
882+
<h2 id=cssom><span class=secno>4. </span>CSS Object Model</h2>
878883

879884
<div class=issue-marker>
880885
<div class=issue-details>There should be extensive OM defined to access
@@ -884,7 +889,7 @@ <h2 id=cssom><span class=secno>4. </span> CSS Object Model Modifications</h2>
884889
page should be determinable. Lots to fill out here.</div>
885890
</div>
886891

887-
<h2 id=conformance><span class=secno>5. </span> Conformance</h2>
892+
<h2 id=conformance><span class=secno>5. </span>Conformance</h2>
888893

889894
<h2 class=no-num id=acknowledgments>Acknowledgments</h2>
890895

0 commit comments

Comments
 (0)