isodoc 1.0.28 → 1.0.29

data/spec/isodoc/ref_spec.rb

@@ -44,7 +44,7 @@ RSpec.describe IsoDoc do
       <abbreviation>ISO</abbreviation>
     </organization>
   </contributor>
-  <note format="text/plain" reference="1">ISO DATE: Under preparation. (Stage at the time of publication ISO/DIS 16634)</note>
+  <note format="text/plain" type="ISO DATE" reference="1">Under preparation. (Stage at the time of publication ISO/DIS 16634)</note>
   <extent type="part">
   <referenceFrom>all</referenceFrom>
   </extent>
@@ -178,7 +178,7 @@ RSpec.describe IsoDoc do
           <a href='http://www.icc.or.at'>http://www.icc.or.at</a>
           )
         </p>
-        <div id='' class='Note'>
+        <div class='Note'>
           <p>
             <span class='note_label'>NOTE</span>
             &#160; This is an annotation of ISO 20483:2013-2014
@@ -197,13 +197,13 @@ RSpec.describe IsoDoc do
           [2]&#160;
           <i>Instruments for analytical laboratory use</i>
         </p>
-        <div id='' class='Note'>
+        <div class='Note'>
           <p>
             <span class='note_label'>NOTE</span>
             &#160; This is an annotation of document ISSN.
           </p>
         </div>
-        <div id='' class='Note'>
+        <div class='Note'>
           <p>
             <span class='note_label'>NOTE</span>
             &#160; This is another annotation of document ISSN.

data/spec/isodoc/table_spec.rb

@@ -6,7 +6,7 @@ RSpec.describe IsoDoc do
     <iso-standard xmlns="http://riboseinc.com/isoxml">
     <preface>
     <foreword>
-      <table id="tableD-1" alt="tool tip" summary="long desc" width="70%">
+      <table id="tableD-1" alt="tool tip" summary="long desc" width="70%" keep-with-next="true" keep-lines-together="true">
   <name>Repeatability and reproducibility of <em>husked</em> rice yield<fn reference="1"><p>X</p></fn></name>
   <thead>
     <tr>
@@ -72,7 +72,7 @@ RSpec.describe IsoDoc do
   <sup>1</sup>
 </a>
                 </p>
-               <table id="tableD-1" class="MsoISOTable" style="border-width:1px;border-spacing:0;width:70%;" title="tool tip">
+               <table id="tableD-1" class="MsoISOTable" style="border-width:1px;border-spacing:0;width:70%;page-break-after: avoid;page-break-inside: avoid;" title="tool tip" >
                <caption>
                <span style="display:none">long desc</span>
                </caption>
@@ -121,7 +121,7 @@ RSpec.describe IsoDoc do
                    </dt>
                    <dd>A type of rice</dd>
                  </dl>
-                 <div id="" class="Note">
+                 <div class="Note">
                    <p><span class="note_label">NOTE</span>&#160; This is a table about rice</p>
                  </div>
                </table>
@@ -281,7 +281,7 @@ RSpec.describe IsoDoc do
                        <td valign="top">A type of rice</td>
                      </tr>
                    </table>
-                   <div id="" class="Note">
+                   <div class="Note">
                      <p class="Note"><span class="note_label">NOTE</span><span style="mso-tab-count:1">&#160; </span>This is a table about rice</p>
                    </div>
                  </table>

data/spec/isodoc/terms_spec.rb

@@ -11,7 +11,7 @@ RSpec.describe IsoDoc do
 <term id="paddy1"><preferred>paddy</preferred>
 <domain>rice</domain>
 <definition><p id="_eb29b35e-123e-4d1c-b50b-2714d41e747f">rice retaining its husk after threshing</p></definition>
-<termexample id="_bd57bbf1-f948-4bae-b0ce-73c00431f892">
+<termexample id="_bd57bbf1-f948-4bae-b0ce-73c00431f892"  keep-with-next="true" keep-lines-together="true">
   <p id="_65c9a509-9a89-4b54-a890-274126aeb55c">Foreign seeds, husks, bran, sand, dust.</p>
   <ul>
   <li>A</li>
@@ -58,7 +58,7 @@ RSpec.describe IsoDoc do
   <li>A</li>
   </ul>
 </termexample>
-<termnote id="_671a1994-4783-40d0-bc81-987d06ffb74e">
+<termnote id="_671a1994-4783-40d0-bc81-987d06ffb74e"  keep-with-next="true" keep-lines-together="true">
   <p id="_19830f33-e46c-42cc-94ca-a5ef101132d5">The starch of waxy rice consists almost entirely of amylopectin. The kernels have a tendency to stick together after cooking.</p>
 </termnote>
 <termnote id="_671a1994-4783-40d0-bc81-987d06ffb74f">
@@ -79,7 +79,7 @@ RSpec.describe IsoDoc do
        <p class="TermNum" id="paddy1">1.1.</p><p class="Terms" style="text-align:left;">paddy</p>
 
        <p id="_eb29b35e-123e-4d1c-b50b-2714d41e747f">&lt;rice&gt; rice retaining its husk after threshing</p>
-       <div id="_bd57bbf1-f948-4bae-b0ce-73c00431f892" class="example"><p class="example-title">EXAMPLE 1</p>
+       <div id="_bd57bbf1-f948-4bae-b0ce-73c00431f892" class="example"  style='page-break-after: avoid;page-break-inside: avoid;'><p class="example-title">EXAMPLE 1</p>
          <p id="_65c9a509-9a89-4b54-a890-274126aeb55c">Foreign seeds, husks, bran, sand, dust.</p>
          <ul>
          <li>A</li>
@@ -106,8 +106,8 @@ RSpec.describe IsoDoc do
          <li>A</li>
          </ul>
        </div>
-       <div class="Note"><p>Note 1 to entry: The starch of waxy rice consists almost entirely of amylopectin. The kernels have a tendency to stick together after cooking.</p></div>
-       <div class="Note"><p>Note 2 to entry: <ul><li>A</li></ul><p id="_19830f33-e46c-42cc-94ca-a5ef101132d5">The starch of waxy rice consists almost entirely of amylopectin. The kernels have a tendency to stick together after cooking.</p></p></div>
+       <div class="Note" id='_671a1994-4783-40d0-bc81-987d06ffb74e' style='page-break-after: avoid;page-break-inside: avoid;'><p>Note 1 to entry: The starch of waxy rice consists almost entirely of amylopectin. The kernels have a tendency to stick together after cooking.</p></div>
+       <div class="Note" id='_671a1994-4783-40d0-bc81-987d06ffb74f'><p>Note 2 to entry: <ul><li>A</li></ul><p id="_19830f33-e46c-42cc-94ca-a5ef101132d5">The starch of waxy rice consists almost entirely of amylopectin. The kernels have a tendency to stick together after cooking.</p></p></div>
        <p>[TERMREF]
          <a href="#ISO7301">ISO 7301:2011, Clause 3.1</a>
        [/TERMREF]</p></div>
@@ -222,8 +222,8 @@ OUTPUT
          <li>A</li>
          </ul>
        </div>
-       <div class="Note"><p class="Note">Note 1 to entry: The starch of waxy rice consists almost entirely of amylopectin. The kernels have a tendency to stick together after cooking.</p></div>
-       <div class="Note"><p class="Note">Note 2 to entry: <ul><li>A</li></ul><p id="_19830f33-e46c-42cc-94ca-a5ef101132d5">The starch of waxy rice consists almost entirely of amylopectin. The kernels have a tendency to stick together after cooking.</p></p></div>
+       <div id='_671a1994-4783-40d0-bc81-987d06ffb74e' class="Note"><p class="Note">Note 1 to entry: The starch of waxy rice consists almost entirely of amylopectin. The kernels have a tendency to stick together after cooking.</p></div>
+       <div id='_671a1994-4783-40d0-bc81-987d06ffb74f' class="Note"><p class="Note">Note 2 to entry: <ul><li>A</li></ul><p id="_19830f33-e46c-42cc-94ca-a5ef101132d5">The starch of waxy rice consists almost entirely of amylopectin. The kernels have a tendency to stick together after cooking.</p></p></div>
        <p>[TERMREF]
          <a href="#ISO7301">ISO 7301:2011, Clause 3.1</a>
        [/TERMREF]</p></div>

data/spec/isodoc/xref_spec.rb

@@ -768,15 +768,15 @@ RSpec.describe IsoDoc do
                             <br/>
              <div class="Section3" id="intro">
                <h1 class="IntroTitle">Introduction</h1>
-               <div id="N1" class="formula"><p><span class="stem">(#(r = 1 %)#)</span>&#160; (1)</p></div>
+               <div id="N1"><div class="formula"><p><span class="stem">(#(r = 1 %)#)</span>&#160; (1)</p></div></div>
                        <div id="xyz"><h2>Preparatory</h2>
-    <div id="N2" class="formula"><p><span class="stem">(#(r = 1 %)#)</span></p></div>
+    <div id="N2"><div class="formula"><p><span class="stem">(#(r = 1 %)#)</span></p></div></div>
                 </div>
              </div>
                <p class="zzSTDTitle1"/>
                <div id="scope">
                  <h1>1.&#160; Scope</h1>
-                 <div id="N" class="formula"><p><span class="stem">(#(r = 1 %)#)</span>&#160; (2)</p></div>
+                 <div id="N"><div class="formula"><p><span class="stem">(#(r = 1 %)#)</span>&#160; (2)</p></div></div>
                  <p>
                    <a href="#N">Formula (2)</a>
                  </p>
@@ -786,8 +786,8 @@ RSpec.describe IsoDoc do
                <div id="widgets">
                  <h1>3.&#160; Widgets</h1>
                  <div id="widgets1"><h2>3.1.&#160;</h2>
-           <div id="note1" class="formula"><p><span class="stem">(#(r = 1 %)#)</span>&#160; (3)</p></div>
-           <div id="note2" class="formula"><p><span class="stem">(#(r = 1 %)#)</span>&#160; (4)</p></div>
+           <div id="note1"><div class="formula"><p><span class="stem">(#(r = 1 %)#)</span>&#160; (3)</p></div></div>
+           <div id="note2"><div class="formula"><p><span class="stem">(#(r = 1 %)#)</span>&#160; (4)</p></div></div>
          <p>    <a href="#note1">Formula (3)</a> <a href="#note2">Formula (4)</a> </p>
            </div>
                </div>
@@ -802,11 +802,11 @@ RSpec.describe IsoDoc do
   <b/>
 </h1>
                  <div id="annex1a"><h2>A.1.&#160;</h2>
-           <div id="AN" class="formula"><p><span class="stem">(#(r = 1 %)#)</span>&#160; (A.1)</p></div>
+           <div id="AN"><div class="formula"><p><span class="stem">(#(r = 1 %)#)</span>&#160; (A.1)</p></div></div>
            </div>
                  <div id="annex1b"><h2>A.2.&#160;</h2>
-           <div id="Anote1" class="formula"><p><span class="stem">(#(r = 1 %)#)</span></p></div>
-           <div id="Anote2" class="formula"><p><span class="stem">(#(r = 1 %)#)</span>&#160; (A.2)</p></div>
+           <div id="Anote1"><div class="formula"><p><span class="stem">(#(r = 1 %)#)</span></p></div></div>
+           <div id="Anote2"><div class="formula"><p><span class="stem">(#(r = 1 %)#)</span>&#160; (A.2)</p></div></div>
            </div>
                </div>
              </div>
@@ -897,11 +897,11 @@ RSpec.describe IsoDoc do
       <br/>
       <div class="Section3" id="intro">
         <h1 class="IntroTitle">Introduction</h1>
-        <div class="require"><p class="RecommendationTitle">Requirement 1:</p>
+        <div class="require" id="N1"><p class="RecommendationTitle">Requirement 1:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
         <div id="xyz"><h2>Preparatory</h2>
-    <div class="require"><p class="RecommendationTitle">Requirement:</p>
+    <div class="require" id="N2"><p class="RecommendationTitle">Requirement:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
 </div>
@@ -909,7 +909,7 @@ RSpec.describe IsoDoc do
       <p class="zzSTDTitle1"/>
       <div id="scope">
         <h1>1.&#160; Scope</h1>
-        <div class="require"><p class="RecommendationTitle">Requirement 2:</p>
+        <div class="require" id="N"><p class="RecommendationTitle">Requirement 2:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
         <p>
@@ -921,10 +921,10 @@ RSpec.describe IsoDoc do
       <div id="widgets">
         <h1>3.&#160; Widgets</h1>
         <div id="widgets1"><h2>3.1.&#160;</h2>
-    <div class="require"><p class="RecommendationTitle">Requirement 3:</p>
+    <div class="require" id="note1"><p class="RecommendationTitle">Requirement 3:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
-    <div class="require"><p class="RecommendationTitle">Requirement 4:</p>
+    <div class="require" id="note2"><p class="RecommendationTitle">Requirement 4:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
   <p>    <a href="#note1">Requirement 3</a> <a href="#note2">Requirement 4</a> </p>
@@ -941,15 +941,15 @@ RSpec.describe IsoDoc do
   <b/>
 </h1>
         <div id="annex1a"><h2>A.1.&#160;</h2>
-    <div class="require"><p class="RecommendationTitle">Requirement A.1:</p>
+    <div class="require" id="AN"><p class="RecommendationTitle">Requirement A.1:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
     </div>
         <div id="annex1b"><h2>A.2.&#160;</h2>
-    <div class="require"><p class="RecommendationTitle">Requirement:</p>
+    <div class="require" id="Anote1"><p class="RecommendationTitle">Requirement:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
-    <div class="require"><p class="RecommendationTitle">Requirement A.2:</p>
+    <div class="require" id="Anote2"><p class="RecommendationTitle">Requirement A.2:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
     </div>
@@ -1042,11 +1042,11 @@ OUTPUT
       <br/>
       <div class="Section3" id="intro">
         <h1 class="IntroTitle">Introduction</h1>
-        <div class="recommend"><p class="RecommendationTitle">Recommendation 1:</p>
+        <div class="recommend" id="N1"><p class="RecommendationTitle">Recommendation 1:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
         <div id="xyz"><h2>Preparatory</h2>
-    <div class="recommend"><p class="RecommendationTitle">Recommendation:</p>
+    <div class="recommend" id="N2"><p class="RecommendationTitle">Recommendation:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
 </div>
@@ -1054,7 +1054,7 @@ OUTPUT
       <p class="zzSTDTitle1"/>
       <div id="scope">
         <h1>1.&#160; Scope</h1>
-        <div class="recommend"><p class="RecommendationTitle">Recommendation 2:</p>
+        <div class="recommend" id="N"><p class="RecommendationTitle">Recommendation 2:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
         <p>
@@ -1066,10 +1066,10 @@ OUTPUT
       <div id="widgets">
         <h1>3.&#160; Widgets</h1>
         <div id="widgets1"><h2>3.1.&#160;</h2>
-    <div class="recommend"><p class="RecommendationTitle">Recommendation 3:</p>
+    <div class="recommend" id="note1"><p class="RecommendationTitle">Recommendation 3:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
-    <div class="recommend"><p class="RecommendationTitle">Recommendation 4:</p>
+    <div class="recommend" id="note2"><p class="RecommendationTitle">Recommendation 4:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
   <p>    <a href="#note1">Recommendation 3</a> <a href="#note2">Recommendation 4</a> </p>
@@ -1086,15 +1086,15 @@ OUTPUT
   <b/>
 </h1>
         <div id="annex1a"><h2>A.1.&#160;</h2>
-    <div class="recommend"><p class="RecommendationTitle">Recommendation A.1:</p>
+    <div class="recommend" id="AN"><p class="RecommendationTitle">Recommendation A.1:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
     </div>
         <div id="annex1b"><h2>A.2.&#160;</h2>
-    <div class="recommend"><p class="RecommendationTitle">Recommendation:</p>
+    <div class="recommend" id="Anote1"><p class="RecommendationTitle">Recommendation:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
-    <div class="recommend"><p class="RecommendationTitle">Recommendation A.2:</p>
+    <div class="recommend" id="Anote2"><p class="RecommendationTitle">Recommendation A.2:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
     </div>
@@ -1187,11 +1187,11 @@ OUTPUT
       <br/>
       <div class="Section3" id="intro">
         <h1 class="IntroTitle">Introduction</h1>
-        <div class="permission"><p class="RecommendationTitle">Permission 1:</p>
+        <div class="permission" id="N1"><p class="RecommendationTitle">Permission 1:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
         <div id="xyz"><h2>Preparatory</h2>
-    <div class="permission"><p class="RecommendationTitle">Permission:</p>
+    <div class="permission" id="N2"><p class="RecommendationTitle">Permission:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
 </div>
@@ -1199,7 +1199,7 @@ OUTPUT
       <p class="zzSTDTitle1"/>
       <div id="scope">
         <h1>1.&#160; Scope</h1>
-        <div class="permission"><p class="RecommendationTitle">Permission 2:</p>
+        <div class="permission" id="N"><p class="RecommendationTitle">Permission 2:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
         <p>
@@ -1211,10 +1211,10 @@ OUTPUT
       <div id="widgets">
         <h1>3.&#160; Widgets</h1>
         <div id="widgets1"><h2>3.1.&#160;</h2>
-    <div class="permission"><p class="RecommendationTitle">Permission 3:</p>
+    <div class="permission" id="note1"><p class="RecommendationTitle">Permission 3:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
-    <div class="permission"><p class="RecommendationTitle">Permission 4:</p>
+    <div class="permission" id="note2"><p class="RecommendationTitle">Permission 4:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
   <p>    <a href="#note1">Permission 3</a> <a href="#note2">Permission 4</a> </p>
@@ -1231,15 +1231,15 @@ OUTPUT
   <b/>
 </h1>
         <div id="annex1a"><h2>A.1.&#160;</h2>
-    <div class="permission"><p class="RecommendationTitle">Permission A.1:</p>
+    <div class="permission" id="AN"><p class="RecommendationTitle">Permission A.1:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
     </div>
         <div id="annex1b"><h2>A.2.&#160;</h2>
-    <div class="permission"><p class="RecommendationTitle">Permission:</p>
+    <div class="permission" id="Anote1"><p class="RecommendationTitle">Permission:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
-    <div class="permission"><p class="RecommendationTitle">Permission A.2:</p>
+    <div class="permission" id="Anote2"><p class="RecommendationTitle">Permission A.2:</p>
   <span class="stem">(#(r = 1 %)#)</span>
   </div>
     </div>
@@ -1317,28 +1317,28 @@ OUTPUT
       <p class="zzSTDTitle1"/>
       <div id="xyz">
         <h1>1.&#160; Preparatory</h1>
-        <div class="permission"><p class="RecommendationTitle">Permission 1:</p>
-<div class="permission"><p class="RecommendationTitle">Permission 1-1:</p>
-<div class="permission"><p class="RecommendationTitle">Permission 1-1-1:</p>
+        <div class="permission" id="N1"><p class="RecommendationTitle">Permission 1:</p>
+<div class="permission" id="N2"><p class="RecommendationTitle">Permission 1-1:</p>
+<div class="permission" id="N"><p class="RecommendationTitle">Permission 1-1-1:</p>
 </div>
 </div>
-<div class="require"><p class="RecommendationTitle">Requirement 1-1:</p>
+<div class="require" id="Q1"><p class="RecommendationTitle">Requirement 1-1:</p>
 </div>
-<div class="recommend"><p class="RecommendationTitle">Recommendation 1-1:</p>
+<div class="recommend" id="R1"><p class="RecommendationTitle">Recommendation 1-1:</p>
 </div>
 </div>
       </div>
       <br/>
       <div id="Axyz" class="Section3">
         <h1 class="Annex"><b>Annex A</b><br/>(informative)<br/><br/><b>Preparatory</b></h1>
-        <div class="permission"><p class="RecommendationTitle">Permission A.1:</p>
-<div class="permission"><p class="RecommendationTitle">Permission A.1-1:</p>
-<div class="permission"><p class="RecommendationTitle">Permission A.1-1-1:</p>
+        <div class="permission" id="AN1"><p class="RecommendationTitle">Permission A.1:</p>
+<div class="permission" id='AN2'><p class="RecommendationTitle">Permission A.1-1:</p>
+<div class="permission" id="AN"><p class="RecommendationTitle">Permission A.1-1-1:</p>
 </div>
 </div>
-<div class="require"><p class="RecommendationTitle">Requirement A.1-1:</p>
+<div class="require" id="AQ1"><p class="RecommendationTitle">Requirement A.1-1:</p>
 </div>
-<div class="recommend"><p class="RecommendationTitle">Recommendation A.1-1:</p>
+<div class="recommend" id='AR1'><p class="RecommendationTitle">Recommendation A.1-1:</p>
 </div>
 </div>
       </div>
@@ -1601,9 +1601,9 @@ OUTPUT
                </div>
                <div id="terms"><h1>2.&#160; </h1>
        <p class="TermNum" id="_waxy_rice">2.1.</p><p class="Terms" style="text-align:left;">waxy rice</p>
-       <div class="Note"><p>Note 1 to entry: The starch of waxy rice consists almost entirely of amylopectin. The kernels have a tendency to stick together after cooking.</p></div><p class="TermNum" id="_nonwaxy_rice">2.2.</p><p class="Terms" style="text-align:left;">nonwaxy rice</p>
-       <div class="Note"><p>Note 1 to entry: The starch of waxy rice consists almost entirely of amylopectin. The kernels have a tendency to stick together after cooking.</p></div>
-       <div class="Note"><p>Note 2 to entry: The starch of waxy rice consists almost entirely of amylopectin. The kernels have a tendency to stick together after cooking.</p></div></div>
+       <div id="note1" class="Note"><p>Note 1 to entry: The starch of waxy rice consists almost entirely of amylopectin. The kernels have a tendency to stick together after cooking.</p></div><p class="TermNum" id="_nonwaxy_rice">2.2.</p><p class="Terms" style="text-align:left;">nonwaxy rice</p>
+       <div id="note2" class="Note"><p>Note 1 to entry: The starch of waxy rice consists almost entirely of amylopectin. The kernels have a tendency to stick together after cooking.</p></div>
+       <div id="note3" class="Note"><p>Note 2 to entry: The starch of waxy rice consists almost entirely of amylopectin. The kernels have a tendency to stick together after cooking.</p></div></div>
              </div>
            </body>
        </html>
@@ -2258,4 +2258,124 @@ INPUT
     OUTPUT
    end
 
+      it "realises numbering overrides" do
+    expect(xmlpp(IsoDoc::HtmlConvert.new({}).convert("test", <<~"INPUT", true))).to be_equivalent_to xmlpp(<<~"OUTPUT")
+        <iso-standard xmlns="http://riboseinc.com/isoxml">
+        <preface>
+    <foreword id="fwd">
+    <p>
+    <xref target="N1"/>
+    <xref target="N2"/>
+    <xref target="N3"/>
+    <xref target="N4"/>
+    <xref target="N5"/>
+    <xref target="N6"/>
+    <xref target="N7"/>
+    <xref target="N8"/>
+    <xref target="N9"/>
+    <xref target="N10"/>
+    </p>
+    </foreword>
+        <introduction id="intro">
+        <figure id="N1"> <name>Split-it-right sample divider</name>
+           <image src="rice_images/rice_image1.png" id="_8357ede4-6d44-4672-bac4-9a85e82ab7f0" mimetype="image/png"/>
+        </figure>
+        <figure id="N2" number="A"> <name>Split-it-right sample divider</name>
+           <image src="rice_images/rice_image1.png" id="_8357ede4-6d44-4672-bac4-9a85e82ab7f0" mimetype="image/png"/>
+        </figure>
+        <figure id="N3"> <name>Split-it-right sample divider</name>
+           <image src="rice_images/rice_image1.png" id="_8357ede4-6d44-4672-bac4-9a85e82ab7f0" mimetype="image/png"/>
+        </figure>
+        <figure id="N4" number="7"> <name>Split-it-right sample divider</name>
+           <image src="rice_images/rice_image1.png" id="_8357ede4-6d44-4672-bac4-9a85e82ab7f0" mimetype="image/png"/>
+        </figure>
+        <figure id="N5"> <name>Split-it-right sample divider</name>
+           <image src="rice_images/rice_image1.png" id="_8357ede4-6d44-4672-bac4-9a85e82ab7f0" mimetype="image/png"/>
+        </figure>
+        <figure id="N6" subsequence="B"> <name>Split-it-right sample divider</name>
+           <image src="rice_images/rice_image1.png" id="_8357ede4-6d44-4672-bac4-9a85e82ab7f0" mimetype="image/png"/>
+        </figure>
+        <figure id="N7" subsequence="B" number="c"> <name>Split-it-right sample divider</name>
+           <image src="rice_images/rice_image1.png" id="_8357ede4-6d44-4672-bac4-9a85e82ab7f0" mimetype="image/png"/>
+        </figure>
+        <figure id="N8" subsequence="B"> <name>Split-it-right sample divider</name>
+           <image src="rice_images/rice_image1.png" id="_8357ede4-6d44-4672-bac4-9a85e82ab7f0" mimetype="image/png"/>
+        </figure>
+        <figure id="N9" subsequence="C" number="20f"> <name>Split-it-right sample divider</name>
+           <image src="rice_images/rice_image1.png" id="_8357ede4-6d44-4672-bac4-9a85e82ab7f0" mimetype="image/png"/>
+        </figure>
+        <figure id="N10" subsequence="C"> <name>Split-it-right sample divider</name>
+           <image src="rice_images/rice_image1.png" id="_8357ede4-6d44-4672-bac4-9a85e82ab7f0" mimetype="image/png"/>
+        </figure>
+  </introduction>
+  </iso-standard>
+INPUT
+                   #{HTML_HDR}
+             <br/>
+             <div id='fwd'>
+               <h1 class='ForewordTitle'>Foreword</h1>
+               <p>
+                 <a href='#N1'>Figure 1</a>
+                 <a href='#N2'>Figure A</a>
+                 <a href='#N3'>Figure 2</a>
+                 <a href='#N4'>Figure 7</a>
+                 <a href='#N5'>Figure 8</a>
+                 <a href='#N6'>Figure 9a</a>
+                 <a href='#N7'>Figure 9c</a>
+                 <a href='#N8'>Figure 9d</a>
+                 <a href='#N9'>Figure 20f</a>
+                 <a href='#N10'>Figure 20g</a>
+               </p>
+             </div>
+             <br/>
+             <div class='Section3' id='intro'>
+               <h1 class='IntroTitle'>Introduction</h1>
+               <div id='N1' class='figure'>
+                 <img src='rice_images/rice_image1.png' height='auto' width='auto'/>
+                 <p class='FigureTitle' style='text-align:center;'>Figure 1&#160;&#8212; Split-it-right sample divider</p>
+               </div>
+               <div id='N2' class='figure'>
+                 <img src='rice_images/rice_image1.png' height='auto' width='auto'/>
+                 <p class='FigureTitle' style='text-align:center;'>Figure A&#160;&#8212; Split-it-right sample divider</p>
+               </div>
+               <div id='N3' class='figure'>
+                 <img src='rice_images/rice_image1.png' height='auto' width='auto'/>
+                 <p class='FigureTitle' style='text-align:center;'>Figure 2&#160;&#8212; Split-it-right sample divider</p>
+               </div>
+               <div id='N4' class='figure'>
+                 <img src='rice_images/rice_image1.png' height='auto' width='auto'/>
+                 <p class='FigureTitle' style='text-align:center;'>Figure 7&#160;&#8212; Split-it-right sample divider</p>
+               </div>
+               <div id='N5' class='figure'>
+                 <img src='rice_images/rice_image1.png' height='auto' width='auto'/>
+                 <p class='FigureTitle' style='text-align:center;'>Figure 8&#160;&#8212; Split-it-right sample divider</p>
+               </div>
+               <div id='N6' class='figure'>
+                 <img src='rice_images/rice_image1.png' height='auto' width='auto'/>
+                 <p class='FigureTitle' style='text-align:center;'>Figure 9a&#160;&#8212; Split-it-right sample divider</p>
+               </div>
+               <div id='N7' class='figure'>
+                 <img src='rice_images/rice_image1.png' height='auto' width='auto'/>
+                 <p class='FigureTitle' style='text-align:center;'>Figure 9c&#160;&#8212; Split-it-right sample divider</p>
+               </div>
+               <div id='N8' class='figure'>
+                 <img src='rice_images/rice_image1.png' height='auto' width='auto'/>
+                 <p class='FigureTitle' style='text-align:center;'>Figure 9d&#160;&#8212; Split-it-right sample divider</p>
+               </div>
+               <div id='N9' class='figure'>
+                 <img src='rice_images/rice_image1.png' height='auto' width='auto'/>
+                 <p class='FigureTitle' style='text-align:center;'>Figure 20f&#160;&#8212; Split-it-right sample divider</p>
+               </div>
+               <div id='N10' class='figure'>
+                 <img src='rice_images/rice_image1.png' height='auto' width='auto'/>
+                 <p class='FigureTitle' style='text-align:center;'>Figure 20g&#160;&#8212; Split-it-right sample divider</p>
+               </div>
+             </div>
+             <p class='zzSTDTitle1'/>
+           </div>
+         </body>
+       </html>
+OUTPUT
+      end
+
 end