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 ‘< code
640638 class =property > template-set</ code > ’ 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- ‘< code class =property > required-flow</ code > ’ and ‘< code
644- class =property > available-flow </ code > ’ declarations, or just taking
645- the first template found.
641+ ‘< code class =property > required-flow</ code > ’ or ‘< code
642+ class =property > available-content </ code > ’ 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 ‘< code class =property > required-flow</ code > ’ 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 ‘< code
818- class =property > primary</ code > ’ 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 > ’ 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 ‘< code class =property > available</ code > ’ content for the
829827 purpose of selecting an appropriate template that can display this
830828 content.
831829
832830 < p > Pagination templates can have an ‘< code
833- class =property > available-flow</ code > ’ declaration listing the named
834- flows that must have available content for the template to be selected. If
835- a template with an ‘< code
836- class =property > available-flow</ code > ’ 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 > ’ declaration listing the
832+ named flows that must have available content for the template to be
833+ selected. Templates with more ‘< code
834+ class =property > available-content</ code > ’ flow matches take
835+ precedence over fewer or no ‘< code
836+ class =property > available-content</ code > ’ flow matches. If a template
837+ with an ‘< code class =property > available-content</ code > ’
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 ‘< code
843846 class =property > images</ code > ’ 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 ‘< code class =property > text</ code > ’ flow, but the second
850853 template also requires the ‘< code
851854 class =property > images</ code > ’ flow and has an ‘< code
852- class =property > available-flow </ code > ’ declaration listing the
855+ class =property > available-content </ code > ’ declaration listing the
853856 ‘< code class =property > images</ code > ’ 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 ‘ < code
857- class =property > images</ code > ’ flow is available for the purpose of
858- selecting a template.
859+ markup-scanning heuristic – not layout). If so, then that content from
860+ the ‘ < code class =property > images</ code > ’ 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