📄 xslfo_pages.asp
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XSL-FO Pages</title>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="Keywords" content="xml,tutorial,html,dhtml,css,xsl,xhtml,javascript,asp,ado,vbscript,dom,sql,colors,soap,php,authoring,programming,training,learning,beginner's guide,primer,lessons,school,howto,reference,examples,samples,source code,tags,demos,tips,links,FAQ,tag list,forms,frames,color table,w3c,cascading style sheets,active server pages,dynamic html,internet,database,development,Web building,Webmaster,html guide" />
<meta name="Description" content="Free HTML XHTML CSS JavaScript DHTML XML DOM XSL XSLT RSS AJAX ASP ADO PHP SQL tutorials, references, examples for web building." />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<link rel="stylesheet" type="text/css" href="../stdtheme.css" />
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "../../https@ssl./default.htm" : "../../www./default.htm");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3855518-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</head>
<body>
<a name="top"></a>
<table cellpadding="0" cellspacing="0" width="100%" bgcolor="#808080">
<tr>
<td width="234" valign="top">
<a href="../default.htm"><img src="../images/w3default80.jpg" border="0" alt="W3Schools" /></a>
</td>
<th valign="middle" align="left" class="right">
<iframe style="background-color:#808080" src="../banners/bannerframe.asp@adpartner=xmlspy" height="90" width="728"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
<br /></th>
</tr>
</table>
<table style="margin-left:1px" width="800px" border="0" cellpadding="0" cellspacing="2">
<tr>
<td width="137" class="content" valign="top"><br />
<a class="left" href="../default.asp" target="_top">
<img src="../images/homeicon.gif" border="0" alt="home" /></a>
<a class="left" href="../default.asp" target="_top">
<b>HOME</b></a>
<br /><br />
<b>XSLFO Tutorial</b><br />
<a class="left" target="_top" href="default.asp" >XSLFO HOME</a><br />
<a class="left" target="_top" href="xslfo_intro.asp" >XSLFO Intro</a><br />
<a class="left" target="_top" href="xslfo_documents.asp" >XSLFO Documents</a><br />
<a class="left" target="_top" href="xslfo_areas.asp" >XSLFO Areas</a><br />
<a class="left" target="_top" href="xslfo_output.asp" >XSLFO Output</a><br />
<a class="left" target="_top" href="xslfo_flow.asp" >XSLFO Flow</a><br />
<a class="left" target="_top" href="xslfo_pages.asp" style='font-weight:bold;'>XSLFO Pages</a><br />
<a class="left" target="_top" href="xslfo_blocks.asp" >XSLFO Blocks</a><br />
<a class="left" target="_top" href="xslfo_lists.asp" >XSLFO Lists</a><br />
<a class="left" target="_top" href="xslfo_tables.asp" >XSLFO Tables</a><br />
<a class="left" target="_top" href="xslfo_xslt.asp" >XSLFO & XSLT</a><br />
<a class="left" target="_top" href="xslfo_software.asp" >XSLFO Software</a><br />
<br />
<b>XSLFO Reference</b><br />
<a class="left" target="_top" href="xslfo_reference.asp" >XSLFO Objects</a><br />
<br />
<b>Selected Reading</b><br />
<a class="left" target="_top" href="../browsers/browsers_stats.asp">Web Statistics</a><br />
<a class="left" target="_top" href="../site/site_glossary.asp">Web Glossary</a><br />
<a class="left" target="_top" href="../hosting/default.asp">Web Hosting</a><br />
<a class="left" target="_top" href="../quality/default.asp">Web Quality</a><br /><br />
<a class="left" target="_top" href="../forum/default.asp">W3Schools Forum</a><br /><br />
<a class="left" target="_top" href="../about/about_helping.asp">Helping W3Schools</a><br /><br />
<script type="text/javascript"><!--
google_ad_client = "pub-3440800076797949";
/*LeftLinkUnit*/
google_ad_slot = "4854527104";
google_ad_width = 120;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="../../pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
<td valign="top">
<table style="border: 1px solid gray" width="100%" bgcolor="#FFFFFF" border="0" cellpadding="5" cellspacing="0">
<tr>
<td>
<h1>XSL-FO Pages</h1>
<a href="xslfo_flow.asp"><img alt="previous" border="0" src="../images/btn_previous.gif" /></a>
<a href="xslfo_blocks.asp"><img alt="next" border="0" src="../images/btn_next.gif" width="100" height="20" /></a>
<hr />
<p class="intro">XSL-FO uses page templates called "Page Masters" to define the layout of pages.</p>
<hr />
<h2>XSL-FO Page Templates</h2>
<p>XSL-FO uses page templates called "Page Masters" to define the layout of
pages. Each template
must have a unique name:</p>
<table width="100%" border="1" class="ex" cellspacing="0">
<tr>
<td>
<pre><fo:simple-page-master master-name="intro">
<fo:region-body margin="5in" />
</fo:simple-page-master></pre>
<pre><fo:simple-page-master master-name="left">
<fo:region-body margin-left="2in" margin-right="3in" />
</fo:simple-page-master></pre>
<pre><fo:simple-page-master master-name="right">
<fo:region-body margin-left="3in" margin-right="2in" />
</fo:simple-page-master></pre>
</td>
</tr>
</table>
<p>In the example above, three <fo:simple-page-master> elements, define three
different templates. Each template (page-master) has a different name.</p>
<p>The first template is called "intro". It could be used as a template for
introduction pages.</p>
<p>The second and third templates are called "left" and "right". They could be
used as templates for even and odd page numbers.</p>
<hr />
<h2>XSL-FO Page Size</h2>
<p>XSL-FO uses the following attributes to define the size of a page:</p>
<ul>
<li>page-width defines the width of a page</li>
<li>page-height defines the height of a page</li>
</ul>
<hr />
<h2>XSL-FO Page Margins</h2>
<p>XSL-FO uses the following attributes to define the margins of a page:</p>
<ul>
<li>margin-top defines the top margin</li>
<li>margin-bottom defines the bottom margin</li>
<li>margin-left defines the left margin</li>
<li>margin-right defines the right margin</li>
<li>margin defines all four margins</li>
</ul>
<hr />
<h2>XSL-FO Page Regions</h2>
<p>XSL-FO uses the following elements to define the regions of a page:</p>
<ul>
<li>region-body defines the body region</li>
<li>region-before defines the top region (header)</li>
<li>region-after defines the bottom region (footer)</li>
<li>region-start defines the left region (left sidebar)</li>
<li>region-end defines the right region (right sidebar)</li>
</ul>
<p>Note that the region-before, region-after, region-start, and region-end is a
part of the body region. To avoid text in the body region to overwrite text in
these regions, the body region must have margins at least the size of these
regions. </p>
<center>
<table border="1" cellspacing="0" bgcolor="#cccccc" width="100%" style="font-size:120%">
<tr><td>
<table border="0" cellspacing="0" cellpadding="5" bgcolor="#cccccc" width="100%">
<tr><td colspan="3" align="center">Margin Top</td></tr>
<tr>
<td width="3%" align="center"><p>M<br />
a<br />
r<br />
g<br />
i<br />
n</p>
<p>L<br />
e<br />
f<br />
t<br />
</p>
</td>
<td width="50%">
<table border="1" cellspacing="0" cellpadding="10" bgcolor="#ffffff" width="100%" style="font-size:100%;font-weight:bold">
<tr><td colspan="3" align="center">REGION BEFORE</td></tr>
<tr><td align="center" width="15%">R<br />
E<br />
G<br />
I<br />
O<br />
N<br />
<br />
S<br />
T<br />
A<br />
R<br />
T</td>
<td align="center" valign="middle">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>REGION BODY</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
<td align="center" width="15%">R<br />
E<br />
G<br />
I<br />
O<br />
N<p>E<br />
N<br />
D</td></tr>
<tr><td colspan="3" align="center">REGION AFTER</td></tr>
</table>
</td>
<td width="3%" align="center">
M<br />
a<br />
r<br />
g<br />
i<br />
n<br />
<br />
R<br />
i<br />
g<br />
h<br />
t</td>
</tr>
<tr><td colspan="3" align="center">Margin Bottom</td></tr>
</table>
</td></tr></table>
</center>
<br />
<hr />
<h2>XSL-FO Example</h2>
<p>This is an extract from an XSL-FO document:</p>
<table width="100%" border="1" class="ex" cellspacing="0">
<tr>
<td>
<pre><fo:simple-page-master master-name="A4"
page-width="297mm" page-height="210mm"
margin-top="1cm" margin-bottom="1cm"
margin-left="1cm" margin-right="1cm">
<fo:region-body margin="3cm"/>
<fo:region-before extent="2cm"/>
<fo:region-after extent="2cm"/>
<fo:region-start extent="2cm"/>
<fo:region-end extent="2cm"/>
</fo:simple-page-master></pre>
</td>
</tr>
</table>
<p>The code above defines a "Simple Page Master Template" with the name "A4".</p>
<p>The width of the page is 297 millimeters and the height is 210 millimeters.</p>
<p>The top, bottom, left, and right margins of the page are all 1 centimeter.</p>
<p>The body has a 3 centimeter margin (on all sides).</p>
<p>The before, after, start, and end regions (of the body) are all 2
centimeters.</p>
<p>The
width of the body in the example above can be
calculated by subtracting the left and right margins and the region-body
margins from the width of the page itself:</p>
<p>297mm - (2 x 1cm) - (2 x 3cm) = 297mm - 20mm - 60mm = 217mm.</p>
<p>Note that the regions (region-start and region-end) are not a part of the
calculation. As described earlier, these regions are parts of the body. </p>
<hr />
<a href="xslfo_flow.asp"><img alt="previous" border="0" src="../images/btn_previous.gif" width="100" height="20" /></a>
<a href="xslfo_blocks.asp"><img alt="next" border="0" src="../images/btn_next.gif" width="100" height="20" /></a>
<br />
<hr />
<!-- **** SPOTLIGHTS 1 **** -->
<iframe src="../banners/aspallframe.asp" height="110" width="485"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
<hr />
<!-- **** SPOTLIGHTS 2 **** -->
<!-- **** SPOTLIGHTS 3 **** -->
<table cellpadding="0" cellspacing="0"><tr><td width="72"></td><td>
<script type="text/javascript"><!--
google_ad_client = "pub-3440800076797949";
/*txt*/
google_ad_slot = "1699448869";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="../../pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td></tr></table>
<hr />
<center>
<iframe style="background-color:#ffffff" src="../banners/aspallbannerframe.asp" height="60" width="468" marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
</center>
<hr />
<table>
<tr>
<td><img src="../images/diploma.jpg" alt="diploma" /></td>
<td> </td>
<td valign="top">
<h2>Get Your Diploma!</h2>
<p>W3Schools' Online Certification Program is the perfect solution for busy
professionals who need to balance work, family, and career building.</p>
<p>The <a href="../cert/default.asp">HTML Certificate</a> is for developers who want to document their knowledge of HTML, XHTML, and CSS.</p>
<p>The <a href="../cert/default.asp">ASP Certificate</a> is for developers who want to document their knowledge of ASP, SQL, and ADO.</p>
</td>
</tr>
</table>
<br />
<hr />
<!-- **** END SPOTLIGHTS **** -->
</td></tr>
<tr><td>
<p>Jump to: <a href="#top" target="_top"><b>Top of Page</b></a>
or <a href="../default.asp" target="_top"><b>HOME</b></a> or
<a href='xslfo_pages.asp@output=print' target="_blank">
<img src="../images/print.gif" alt="Printer Friendly" border="0" />
<b>Printer friendly page</b></a></p>
<p>W3Schools provides material for training only. We do not warrant the correctness of its contents.
The risk from using it lies entirely with the user.
While using this site, you agree to have read and accepted our
<a href="../about/about_copyright.asp">terms of use</a> and
<a href="../about/about_privacy.asp">privacy policy</a>.
</p>
<p><a href="../about/about_copyright.asp">Copyright 1999-2008</a> by Refsnes Data. All Rights Reserved.</p>
<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr>
<td width="60%" align="left">
<a href="../../validator.w3.org/check@uri=referer" target="_blank">
<img src="../images/vxhtml.gif" alt="Validate" width="88" height="31" border="0" /></a>
<a href="../../jigsaw.w3.org/css-validator/check@uri=referer" target="_blank">
<img src="../images/vcss.gif" alt="Validate" width="88" height="31" border="0" /></a>
<a href="../../www.w3.org/WAI/WCAG1A-Conformance" title="Explanation of Level A Conformance" target="_blank">
<img src="../images/wai.gif" alt="W3C-WAI level A conformance icon" width="88" height="31" border="0" /></a>
</td>
<td>
<a href="../xhtml/xhtml_howto.asp" target="_top">W3Schools was converted to XHTML in December 1999</a>
</td></tr>
</table>
</td></tr>
</table>
</td>
<td width="145" align="center" valign="top">
<iframe style="background-color:#f1f1f1" src="../banners/rightcolumn.asp@secid=xslfo" height="1500" width="147"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
</iframe>
</td>
</tr></table>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -