Commits

Shlomi Fish committed 10a9a00

Got the sheet1 hyperpolyglot to validate.

Now the boxes to the right are displayed correctly, but the page width
is too wide.

Comments (0)

Files changed (1)

lib/retrieved-html-parts/hyperpolyglot/scripting.html

-            <div id="content-wrap">
+        <div id="content-wrap">
 
-                <!-- google_ad_section_end -->
+            <!-- google_ad_section_end -->
 
-                <div id="main-content">
-                    <div id="action-area-top"></div>
+            <div id="main-content">
+                <div id="action-area-top"></div>
 
-                    <!-- google_ad_section_start -->
-                                                                    <div id="page-title">
-                        Interpreted Languages: PHP, Perl, Python, Ruby (Sheet One)                        </div>
+                <!-- google_ad_section_start -->
+                                                                <div id="page-title">
+                    Interpreted Languages: PHP, Perl, Python, Ruby (Sheet One)                        </div>
 
 
 
 
 
-                        <div id="page-content">
+                    <div id="page-content">
 
 
 
-<p><a name="top"></a><em>a side-by-side reference sheet</em></p>
-<p>sheet one: <a href="#grammar-invocation">grammar and invocation</a> | <a href="#var-expr">variables and expressions</a> | <a href="#arithmetic-logic">arithmetic and logic</a> | <a href="#strings">strings</a> | <a href="#regexes">regexes</a> | <a href="#dates-time">dates and time</a><br>
+<p id="top"><em>a side-by-side reference sheet</em></p>
+<p>sheet one: <a href="#grammar-invocation">grammar and invocation</a> | <a href="#var-expr">variables and expressions</a> | <a href="#arithmetic-logic">arithmetic and logic</a> | <a href="#strings">strings</a> | <a href="#regexes">regexes</a> | <a href="#dates-time">dates and time</a><br />
 <span style="white-space: pre-wrap;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><a href="#arrays">arrays</a> | <a href="#dictionaries">dictionaries</a> | <a href="#functions">functions</a> | <a href="#execution-control">execution control</a></p>
-<p><a href="http://hyperpolyglot.org/scripting2">sheet two</a>: <a href="http://hyperpolyglot.org/scripting2#file-handles">file handles</a> | <a href="http://hyperpolyglot.org/scripting2#files">files</a> | <a href="http://hyperpolyglot.org/scripting2#directories">directories</a> | <a href="http://hyperpolyglot.org/scripting2#processes-environment">processes and environment</a> | <a href="http://hyperpolyglot.org/scripting2#libraries-modules">libraries and modules</a> | <a href="http://hyperpolyglot.org/scripting2#objects">objects</a> | <a href="http://hyperpolyglot.org/scripting2#reflection">reflection</a><br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> <a href="http://hyperpolyglot.org/scripting2#net-web">net and web</a> | <a href="http://hyperpolyglot.org/scripting2#unit-tests">unit tests</a> | <a href="http://hyperpolyglot.org/scripting2#debugging-profiling">debugging and profiling</a> | <a href="http://hyperpolyglot.org/scripting2#java-interop">java interop</a> | <em><a href="http://hyperpolyglot.org/contact">contact</a></em><br></p>
+<p><a href="http://hyperpolyglot.org/scripting2">sheet two</a>: <a href="http://hyperpolyglot.org/scripting2#file-handles">file handles</a> | <a href="http://hyperpolyglot.org/scripting2#files">files</a> | <a href="http://hyperpolyglot.org/scripting2#directories">directories</a> | <a href="http://hyperpolyglot.org/scripting2#processes-environment">processes and environment</a> | <a href="http://hyperpolyglot.org/scripting2#libraries-modules">libraries and modules</a> | <a href="http://hyperpolyglot.org/scripting2#objects">objects</a> | <a href="http://hyperpolyglot.org/scripting2#reflection">reflection</a><br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> <a href="http://hyperpolyglot.org/scripting2#net-web">net and web</a> | <a href="http://hyperpolyglot.org/scripting2#unit-tests">unit tests</a> | <a href="http://hyperpolyglot.org/scripting2#debugging-profiling">debugging and profiling</a> | <a href="http://hyperpolyglot.org/scripting2#java-interop">java interop</a> | <em><a href="http://hyperpolyglot.org/contact">contact</a></em><br /></p>
 <table class="wiki-content-table">
 <tbody><tr>
-<th><a name="general"></a></th>
+<th id="general"></th>
 <th><a href="#php">php</a></th>
 <th><a href="#perl">perl</a></th>
 <th><a href="#python">python</a></th>
 <th><a href="#ruby">ruby</a></th>
 </tr>
 <tr>
-<td><a name="version-used"></a><a href="#version-used-note">versions used</a><br>
+<td id="version-used"><a href="#version-used-note">versions used</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td><span style="color: gray"><em>5.3</em></span></td>
 <td><span style="color: gray"><em>5.12; 5.14</em></span></td>
 <td><span style="color: gray"><em>1.8; 1.9</em></span></td>
 </tr>
 <tr>
-<td><a name="implicit-prologue"></a><a href="#implicit-prologue-note">implicit prologue</a><br>
+<td id="implicit-prologue"><a href="#implicit-prologue-note">implicit prologue</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td><span style="color: gray"><em>none</em></span></td>
 <td><span style="color: purple">use</span> <span style="color: mediumblue">strict</span>;</td>
 <td><span style="color: gray"><em>none</em></span></td>
 </tr>
 <tr>
-<td><a name="version"></a><a href="#version-note">show version</a><br>
+<td id="version"><a href="#version-note">show version</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>$ php <span style="white-space: pre-wrap;">--</span>version</td>
 <td>$ perl <span style="white-space: pre-wrap;">--</span>version</td>
 <td>$ ruby <span style="white-space: pre-wrap;">--</span>version</td>
 </tr>
 <tr>
-<th colspan="5"><a name="grammar-invocation"></a><a href="#grammar-invocation-note">grammar and invocation</a></th>
+<th colspan="5" id="grammar-invocation"><a href="#grammar-invocation-note">grammar and invocation</a></th>
 </tr>
 <tr>
 <th></th>
 <th>ruby</th>
 </tr>
 <tr>
-<td><a name="interpreter"></a><a href="#interpreter-note">interpreter</a><br>
+<td id="interpreter"><a href="#interpreter-note">interpreter</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>$ php -f foo.php</td>
 <td>$ perl foo.pl</td>
 <td>$ ruby foo.rb</td>
 </tr>
 <tr>
-<td><a name="repl"></a><a href="#repl-note">repl</a><br>
+<td id="repl"><a href="#repl-note">repl</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>$ php</td>
 <td>$ perl -de 0</td>
 <td>$ irb</td>
 </tr>
 <tr>
-<td><a name="cmd-line-program"></a><a href="#cmd-line-program-note">command line program</a></td>
+<td id="cmd-line-program"><a href="#cmd-line-program-note">command line program</a></td>
 <td>$ php -r 'echo "hi\n";'</td>
 <td>$ perl -e 'print("hi\n")'</td>
 <td>$ python -c "print('hi')"</td>
 <td>$ ruby -e 'puts "hi"'</td>
 </tr>
 <tr>
-<td><a name="block-delimiters"></a><a href="#block-delimiters-note">block delimiters</a><br>
+<td id="block-delimiters"><a href="#block-delimiters-note">block delimiters</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>{}</td>
 <td>{}</td>
 <td>: <span style="color: gray"><em>and offside rule</em></span></td>
-<td>{}<br>
+<td>{}<br />
 <span style="color: purple">do end</span></td>
 </tr>
 <tr>
-<td><a name="statement-separator"></a><a href="#statement-separator-note">statement separator</a><br>
+<td id="statement-separator"><a href="#statement-separator-note">statement separator</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>;<br>
-<br>
+<td>;<br />
+<br />
 <span style="color: gray"><em>statements must be semicolon terminated inside {}</em></span></td>
 <td>;</td>
-<td><span style="color: gray"><em>newline or</em></span> ;<br>
-<br>
+<td><span style="color: gray"><em>newline or</em></span> ;<br />
+<br />
 <span style="color: gray"><em>newlines not separators inside (), [], {}, triple quote literals, or after backslash: <span style="white-space: pre-wrap;">\</span></em></span></td>
-<td><span style="color: gray"><em>newline or</em></span> ;<br>
-<br>
+<td><span style="color: gray"><em>newline or</em></span> ;<br />
+<br />
 <span style="color: gray"><em>newlines not separators inside (), [], {}, <span style="white-space: pre-wrap;">``</span>, '', "", or after binary operator or backslash: <span style="white-space: pre-wrap;">\</span></em></span></td>
 </tr>
 <tr>
-<td><a name="eol-comment"></a><a href="#eol-comment-note">end-of-line comment</a><br>
+<td id="eol-comment"><a href="#eol-comment-note">end-of-line comment</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td><span style="color: gray"><span style="white-space: pre-wrap;">//</span> comment<br>
-# comment</span></td>
+<td><span style="color: gray"><span style="white-space: pre-wrap;">//</span> comment<br />
+\# comment</span></td>
 <td><span style="color: gray"># comment</span></td>
 <td><span style="color: gray"># comment</span></td>
 <td><span style="color: gray"># comment</span></td>
 </tr>
 <tr>
-<td><a name="multiple-line-comment"></a><a href="#multiple-line-comment-note">multiple line comment</a><br>
+<td id="multiple-line-comment"><a href="#multiple-line-comment-note">multiple line comment</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td><span style="color: gray">/* comment line<br>
+<td><span style="color: gray">/* comment line<br />
 another line */</span></td>
-<td><span style="color: gray">=for<br>
-comment line<br>
-another line<br>
+<td><span style="color: gray">=for<br />
+comment line<br />
+another line<br />
 =cut</span></td>
-<td><span style="color: gray"><em>use triple quote string literal:</em></span><br>
-<span style="color: maroon">'''comment line<br>
+<td><span style="color: gray"><em>use triple quote string literal:</em></span><br />
+<span style="color: maroon">'''comment line<br />
 another line'''</span></td>
-<td><span style="color: gray">=begin<br>
-comment line<br>
-another line<br>
+<td><span style="color: gray">=begin<br />
+comment line<br />
+another line<br />
 =end</span></td>
 </tr>
 <tr>
-<th colspan="5"><a name="var-expr"></a><a href="#var-expr-note">variables and expressions</a></th>
+<th colspan="5" id="var-expr"><a href="#var-expr-note">variables and expressions</a></th>
 </tr>
 <tr>
 <th></th>
 <th>ruby</th>
 </tr>
 <tr>
-<td><a name="local-var"></a><a href="#local-var-note">local variable</a><br>
+<td id="local-var"><a href="#local-var-note">local variable</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td><span style="color: gray"># in function body:</span><br>
-$<span style="color: peru">v</span> = <span style="color: teal">NULL</span>;<br>
-$<span style="color: peru">a</span> = array();<br>
-$<span style="color: peru">d</span> = array();<br>
-$<span style="color: peru">x</span> = 1;<br>
+<td><span style="color: gray"># in function body:</span><br />
+$<span style="color: peru">v</span> = <span style="color: teal">NULL</span>;<br />
+$<span style="color: peru">a</span> = array();<br />
+$<span style="color: peru">d</span> = array();<br />
+$<span style="color: peru">x</span> = 1;<br />
 list($<span style="color: peru">y</span>, $<span style="color: peru">z</span>) = array(2, 3);</td>
-<td><span style="color: purple">my</span> <span style="color: peru">$v</span>;<br>
-<span style="color: purple">my</span> (<span style="color: teal">@a</span>, <span style="color: teal">%d</span>);<br>
-<span style="color: purple">my</span> <span style="color: peru">$x</span> = 1;<br>
+<td><span style="color: purple">my</span> <span style="color: peru">$v</span>;<br />
+<span style="color: purple">my</span> (<span style="color: teal">@a</span>, <span style="color: teal">%d</span>);<br />
+<span style="color: purple">my</span> <span style="color: peru">$x</span> = 1;<br />
 <span style="color: purple">my</span> (<span style="color: peru">$y</span>, <span style="color: peru">$z</span>) = (2, 3);</td>
-<td><span style="color: gray"># in function body:</span><br>
-<span style="color: peru">v</span> = <span style="color: teal">None</span><br>
-<span style="color: peru">a</span>, <span style="color: peru">d</span> = [], {}<br>
-<span style="color: peru">x</span> = 1<br>
+<td><span style="color: gray"># in function body:</span><br />
+<span style="color: peru">v</span> = <span style="color: teal">None</span><br />
+<span style="color: peru">a</span>, <span style="color: peru">d</span> = [], {}<br />
+<span style="color: peru">x</span> = 1<br />
 <span style="color: peru">y</span>, <span style="color: peru">z</span> = 2, 3</td>
-<td>v = <span style="color: peru">nil</span><br>
-a, d = [], {}<br>
-x = 1<br>
+<td>v = <span style="color: peru">nil</span><br />
+a, d = [], {}<br />
+x = 1<br />
 y, z = 2, 3</td>
 </tr>
 <tr>
-<td><a name="local-scope-regions"></a><a href="#local-scope-regions-note">regions which define lexical scope</a></td>
-<td><span style="color: gray"><em>top level:<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>function or method body<br>
-<br>
-nestable (with use clause):<br>
+<td id="local-scope-regions"><a href="#local-scope-regions-note">regions which define lexical scope</a></td>
+<td><span style="color: gray"><em>top level:<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>function or method body<br />
+<br />
+nestable (with use clause):<br />
 <span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>anonymous function body</em></span></td>
-<td><span style="color: gray"><em>top level:<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>file<br>
-<br>
-nestable:<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>function body<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>anonymous function body<br>
+<td><span style="color: gray"><em>top level:<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>file<br />
+<br />
+nestable:<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>function body<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>anonymous function body<br />
 <span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>anonymous block</em></span></td>
-<td><span style="color: gray"><em>nestable (read only):<br>
+<td><span style="color: gray"><em>nestable (read only):<br />
 <span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>function or method body</em></span></td>
-<td><span style="color: gray"><em>top level:<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>file<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>class block<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>module block<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>method body<br>
-<br>
-nestable:<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>anonymous function body<br>
+<td><span style="color: gray"><em>top level:<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>file<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>class block<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>module block<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>method body<br />
+<br />
+nestable:<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>anonymous function body<br />
 <span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>anonymous block</em></span></td>
 </tr>
 <tr>
-<td><a name="global-var"></a><a href="#global-var-note">global variable</a></td>
-<td>list($<span style="color: peru">g1</span>, $<span style="color: peru">g2</span>) = array(7, 8);<br>
-<br>
-<span style="color: purple">function</span> <span style="color: #0000cd">swap_globals</span>() {<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="color: purple">global</span> $<span style="color: peru">g1</span>, $<span style="color: peru">g2</span>;<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>list($<span style="color: peru">g1</span>, $<span style="color: peru">g2</span>) = array($<span style="color: peru">g2</span>, $<span style="color: peru">g1</span>);<br>
+<td id="global-var"><a href="#global-var-note">global variable</a></td>
+<td>list($<span style="color: peru">g1</span>, $<span style="color: peru">g2</span>) = array(7, 8);<br />
+<br />
+<span style="color: purple">function</span> <span style="color: #0000cd">swap_globals</span>() {<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="color: purple">global</span> $<span style="color: peru">g1</span>, $<span style="color: peru">g2</span>;<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>list($<span style="color: peru">g1</span>, $<span style="color: peru">g2</span>) = array($<span style="color: peru">g2</span>, $<span style="color: peru">g1</span>);<br />
 }</td>
-<td><span style="color: purple">our</span> (<span style="color: peru">$g1</span>, <span style="color: peru">$g2</span>) = (7, 8);<br>
-<br>
-<span style="color: purple">sub</span> <span style="color: #0000cd">swap_globals</span> {<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>($g1, $g2) = ($g2, $g1);<br>
+<td><span style="color: purple">our</span> (<span style="color: peru">$g1</span>, <span style="color: peru">$g2</span>) = (7, 8);<br />
+<br />
+<span style="color: purple">sub</span> <span style="color: #0000cd">swap_globals</span> {<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>($g1, $g2) = ($g2, $g1);<br />
 }</td>
-<td><span style="color: peru">g1</span>, <span style="color: peru">g2</span> = 7, 8<br>
-<br>
-<span style="color: purple">def</span> <span style="color: #0000cd">swap_globals</span>():<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="color: purple">global</span> g1, g2<br>
+<td><span style="color: peru">g1</span>, <span style="color: peru">g2</span> = 7, 8<br />
+<br />
+<span style="color: purple">def</span> <span style="color: #0000cd">swap_globals</span>():<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="color: purple">global</span> g1, g2<br />
 <span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>g1, g2 = g2, g1</td>
-<td><span style="color: peru">$g1</span>, <span style="color: peru">$g2</span> = 7, 8<br>
-<br>
-<span style="color: purple">def</span> <span style="color: #0000cd">swap_globals</span><br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="color: peru">$g1</span>, <span style="color: peru">$g2</span> = <span style="color: peru">$g2</span>, <span style="color: peru">$g1</span><br>
+<td><span style="color: peru">$g1</span>, <span style="color: peru">$g2</span> = 7, 8<br />
+<br />
+<span style="color: purple">def</span> <span style="color: #0000cd">swap_globals</span><br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="color: peru">$g1</span>, <span style="color: peru">$g2</span> = <span style="color: peru">$g2</span>, <span style="color: peru">$g1</span><br />
 end</td>
 </tr>
 <tr>
-<td><a name="const"></a><a href="#const-note">constant</a><br>
+<td id="const"><a href="#const-note">constant</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>define(<span style="color: maroon">"PI"</span>, 3.14);</td>
 <td><span style="color: purple">use</span> <span style="color: #0000cd">constant</span> <span style="color: purple">PI</span> =&gt; 3.14;</td>
-<td><span style="color: gray"># uppercase identifiers<br>
-# constant by convention</span><br>
+<td><span style="color: gray"># uppercase identifiers<br />
+\# constant by convention</span><br />
 <span style="color: peru">PI</span> = 3.14</td>
-<td><span style="color: gray"># warning if capitalized<br>
-# identifier is reassigned</span><br>
+<td><span style="color: gray"># warning if capitalized<br />
+\# identifier is reassigned</span><br />
 <span style="color: green">PI</span> = 3.14</td>
 </tr>
 <tr>
-<td><a name="assignment"></a><a href="#assignment-note">assignment</a><br>
+<td id="assignment"><a href="#assignment-note">assignment</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>$<span style="color: peru">v</span> = 1;</td>
 <td>$v = 1;</td>
-<td><span style="color: gray"><em>assignments can be chained but otherwise don't return values:</em></span><br>
+<td><span style="color: gray"><em>assignments can be chained but otherwise don't return values:</em></span><br />
 <span style="color: peru">v</span> = 1</td>
 <td>v = 1</td>
 </tr>
 <tr>
-<td><a name="parallel-assignment"></a><a href="#parallel-assignment-note">parallel assignment</a><br>
+<td id="parallel-assignment"><a href="#parallel-assignment-note">parallel assignment</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>list($<span style="color: peru">x</span>, $<span style="color: peru">y</span>, $<span style="color: peru">z</span>) = array(1 ,2, 3);<br>
-<br>
-<span style="color: gray"># 3 is discarded:</span><br>
-list($<span style="color: peru">x</span>, $<span style="color: peru">y</span>) = array(1, 2, 3);<br>
-<br>
-<span style="color: gray"># $z set to NULL:</span><br>
+<td>list($<span style="color: peru">x</span>, $<span style="color: peru">y</span>, $<span style="color: peru">z</span>) = array(1 ,2, 3);<br />
+<br />
+<span style="color: gray"># 3 is discarded:</span><br />
+list($<span style="color: peru">x</span>, $<span style="color: peru">y</span>) = array(1, 2, 3);<br />
+<br />
+<span style="color: gray"># $z set to NULL:</span><br />
 list($<span style="color: peru">x</span>, $<span style="color: peru">y</span>, $<span style="color: peru">z</span>) = array(1, 2);</td>
-<td>($x, $y, $z) = (1, 2, 3);<br>
-<br>
-<span style="color: gray"># 3 is discarded:</span><br>
-($x, $y) = (1, 2, 3);<br>
-<br>
-<span style="color: gray"># $z set to undef:</span><br>
+<td>($x, $y, $z) = (1, 2, 3);<br />
+<br />
+<span style="color: gray"># 3 is discarded:</span><br />
+($x, $y) = (1, 2, 3);<br />
+<br />
+<span style="color: gray"># $z set to undef:</span><br />
 ($x, $y, $z) = (1, 2);</td>
-<td><span style="color: peru">x</span>, <span style="color: peru">y</span>, <span style="color: peru">z</span> = 1, 2, 3<br>
-<br>
-<span style="color: gray"># raises ValueError:</span><br>
-<span style="color: peru">x</span>, <span style="color: peru">y</span> = 1, 2, 3<br>
-<br>
-<span style="color: gray"># raises ValueError:</span><br>
+<td><span style="color: peru">x</span>, <span style="color: peru">y</span>, <span style="color: peru">z</span> = 1, 2, 3<br />
+<br />
+<span style="color: gray"># raises ValueError:</span><br />
+<span style="color: peru">x</span>, <span style="color: peru">y</span> = 1, 2, 3<br />
+<br />
+<span style="color: gray"># raises ValueError:</span><br />
 <span style="color: peru">x</span>, <span style="color: peru">y</span>, <span style="color: peru">z</span> = 1, 2</td>
-<td>x, y, z = 1, 2, 3<br>
-<br>
-<span style="color: gray"># 3 is discarded:</span><br>
-x, y = 1, 2, 3<br>
-<br>
-<span style="color: gray"># z set to nil:</span><br>
+<td>x, y, z = 1, 2, 3<br />
+<br />
+<span style="color: gray"># 3 is discarded:</span><br />
+x, y = 1, 2, 3<br />
+<br />
+<span style="color: gray"># z set to nil:</span><br />
 x, y, z = 1, 2</td>
 </tr>
 <tr>
-<td><a name="swap"></a><a href="#swap-note">swap</a><br>
+<td id="swap"><a href="#swap-note">swap</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>list($<span style="color: peru">x</span>, $<span style="color: peru">y</span>) = array($y, $x);</td>
 <td>($x, $y) = ($y, $x);</td>
 <td>x, y = y, x</td>
 </tr>
 <tr>
-<td><a name="compound-assignment"></a><a href="#compound-assignment-note">compound assignment</a><br>
+<td id="compound-assignment"><a href="#compound-assignment-note">compound assignment</a><br />
 <span style="color: gray"><em>arithmetic, string, logical, bit</em></span></td>
-<td>+= -= *= <span style="color: gray"><em>none</em></span> /= %= <span style="white-space: pre-wrap;">**</span>=<br>
-.= <span style="color: gray"><em>none</em></span><br>
-&amp;= |= <span style="color: gray"><em>none</em></span><br>
+<td>+= -= *= <span style="color: gray"><em>none</em></span> /= %= <span style="white-space: pre-wrap;">**</span>=<br />
+.= <span style="color: gray"><em>none</em></span><br />
+&amp;= |= <span style="color: gray"><em>none</em></span><br />
 <span style="white-space: pre-wrap;">&lt;&lt;= &gt;&gt;= </span>&amp;= |= ^=</td>
-<td>+= -= *= <span style="color: gray"><em>none</em></span> /= %= <span style="white-space: pre-wrap;">**</span>=<br>
-.= x=<br>
-&amp;&amp;= <span style="white-space: pre-wrap;">||</span>= ^=<br>
+<td>+= -= *= <span style="color: gray"><em>none</em></span> /= %= <span style="white-space: pre-wrap;">**</span>=<br />
+.= x=<br />
+&amp;&amp;= <span style="white-space: pre-wrap;">||</span>= ^=<br />
 <span style="white-space: pre-wrap;">&lt;&lt;= &gt;&gt;= </span>&amp;= |= ^=</td>
-<td><span style="color: gray"># do not return values:</span><br>
-+= -= *= /= <span style="white-space: pre-wrap;">//</span>= %= <span style="white-space: pre-wrap;">**</span>=<br>
-+= *=<br>
-&amp;= <span style="white-space: pre-wrap;">|</span>= ^=<br>
+<td><span style="color: gray"># do not return values:</span><br />
++= -= *= /= <span style="white-space: pre-wrap;">//</span>= %= <span style="white-space: pre-wrap;">**</span>=<br />
++= *=<br />
+&amp;= <span style="white-space: pre-wrap;">|</span>= ^=<br />
 <span style="white-space: pre-wrap;">&lt;&lt;= &gt;&gt;= </span>&amp;= |= ^=</td>
-<td>+= -= *= /= <span style="color: gray"><em>none</em></span> %= <span style="white-space: pre-wrap;">**</span>=<br>
-+= *=<br>
-&amp;&amp;= <span style="white-space: pre-wrap;">||</span>= ^=<br>
+<td>+= -= *= /= <span style="color: gray"><em>none</em></span> %= <span style="white-space: pre-wrap;">**</span>=<br />
++= *=<br />
+&amp;&amp;= <span style="white-space: pre-wrap;">||</span>= ^=<br />
 <span style="white-space: pre-wrap;">&lt;&lt;= &gt;&gt;= </span>&amp;= |= ^=</td>
 </tr>
 <tr>
-<td><a name="incr-decr"></a><a href="#incr-decr-note">increment and decrement</a><br>
+<td id="incr-decr"><a href="#incr-decr-note">increment and decrement</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>$<span style="color: peru">x</span> = 1;<br>
-$<span style="color: peru">y</span> = ++$<span style="color: peru">x</span>;<br>
+<td>$<span style="color: peru">x</span> = 1;<br />
+$<span style="color: peru">y</span> = ++$<span style="color: peru">x</span>;<br />
 $<span style="color: peru">z</span> = <span style="white-space: pre-wrap;">--</span>$<span style="color: peru">y</span>;</td>
-<td><span style="color: purple">my</span> <span style="color: peru">$x</span> = 1;<br>
-<span style="color: purple">my</span> <span style="color: peru">$y</span> = ++$x;<br>
+<td><span style="color: purple">my</span> <span style="color: peru">$x</span> = 1;<br />
+<span style="color: purple">my</span> <span style="color: peru">$y</span> = ++$x;<br />
 <span style="color: purple">my</span> <span style="color: peru">$z</span> = <span style="white-space: pre-wrap;">--</span>$y;</td>
 <td><span style="color: gray"><em>none</em></span></td>
-<td>x = 1<br>
-<span style="color: gray"># x and y not mutated:</span><br>
-y = x.succ<br>
+<td>x = 1<br />
+<span style="color: gray"># x and y not mutated:</span><br />
+y = x.succ<br />
 z = y.pred</td>
 </tr>
 <tr>
-<td><a name="null"></a><a href="#null-note">null</a><br>
+<td id="null"><a href="#null-note">null</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td><span style="color: teal">NULL</span> <span style="color: gray"># case insensitive</span></td>
 <td><span style="color: green">undef</span></td>
 <td><span style="color: peru">nil</span></td>
 </tr>
 <tr>
-<td><a name="null-test"></a><a href="#null-test-note">null test</a><br>
+<td id="null-test"><a href="#null-test-note">null test</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>is_null($<span style="color: peru">v</span>)<br>
+<td>is_null($<span style="color: peru">v</span>)<br />
 ! isset($<span style="color: peru">v</span>)</td>
 <td>! <span style="color: green">defined</span> $v</td>
-<td>v == <span style="color: teal">None</span><br>
+<td>v == <span style="color: teal">None</span><br />
 v <span style="color: purple">is</span> <span style="color: teal">None</span></td>
-<td>v == <span style="color: peru">nil</span><br>
+<td>v == <span style="color: peru">nil</span><br />
 v.nil?</td>
 </tr>
 <tr>
-<td><a name="undef-access"></a><a href="#undef-access-note">undefined variable access</a><br>
+<td id="undef-access"><a href="#undef-access-note">undefined variable access</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td><span style="color: teal">NULL</span></td>
 <td><span style="color: gray"><em>error under</em> use strict; <em>otherwise</em> undef</span></td>
 <td><span style="color: gray"><em>raises</em> NameError</span></td>
 </tr>
 <tr>
-<td><a name="conditional-expr"></a><a href="#conditional-expr-note">conditional expression</a><br>
+<td id="conditional-expr"><a href="#conditional-expr-note">conditional expression</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>$<span style="color: peru">x</span> &gt; 0 ? $<span style="color: peru">x</span> : -$<span style="color: peru">x</span></td>
 <td>$x &gt; 0 ? $x : -$x</td>
 <td>x &gt; 0 ? x : -x</td>
 </tr>
 <tr>
-<th colspan="5"><a name="arithmetic-logic"></a><a href="#arithmetic-logic-note">arithmetic and logic</a></th>
+<th colspan="5" id="arithmetic-logic"><a href="#arithmetic-logic-note">arithmetic and logic</a></th>
 </tr>
 <tr>
 <th></th>
 <th>ruby</th>
 </tr>
 <tr>
-<td><a name="true-false"></a><a href="#true-false-note">true and false</a><br>
+<td id="true-false"><a href="#true-false-note">true and false</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td><span style="color: teal">TRUE FALSE</span> <span style="color: gray"># case insensitve</span></td>
 <td>1 <span style="color: maroon">""</span></td>
 <td><span style="color: peru">true false</span></td>
 </tr>
 <tr>
-<td><a name="falsehoods"></a><a href="#falsehoods-note">falsehoods</a><br>
+<td id="falsehoods"><a href="#falsehoods-note">falsehoods</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td><span style="color: teal">FALSE NULL</span> 0&nbsp;0.0 <span style="color: maroon">"" "0"</span> array()</td>
 <td><span style="color: green">undef</span> 0&nbsp;0.0 <span style="color: maroon">"" "0"</span> ()</td>
 <td><span style="color: peru">false nil</span></td>
 </tr>
 <tr>
-<td><a name="logical-op"></a><a href="#logical-op-note">logical operators</a><br>
+<td id="logical-op"><a href="#logical-op-note">logical operators</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>&amp;&amp; <span style="white-space: pre-wrap;">||</span> !<br>
-<span style="color: gray"><em>lower precedence:</em></span><br>
+<td>&amp;&amp; <span style="white-space: pre-wrap;">||</span> !<br />
+<span style="color: gray"><em>lower precedence:</em></span><br />
 <span style="color: purple">and or xor</span></td>
-<td>&amp;&amp; <span style="white-space: pre-wrap;">||</span> !<br>
-<span style="color: gray"><em>lower precedence:</em></span><br>
+<td>&amp;&amp; <span style="white-space: pre-wrap;">||</span> !<br />
+<span style="color: gray"><em>lower precedence:</em></span><br />
 <span style="color: green">and or xor not</span></td>
 <td><span style="color: purple">and or not</span></td>
-<td>&amp;&amp; <span style="white-space: pre-wrap;">||</span> !<br>
-<span style="color: gray"><em>lower precedence:</em></span><br>
+<td>&amp;&amp; <span style="white-space: pre-wrap;">||</span> !<br />
+<span style="color: gray"><em>lower precedence:</em></span><br />
 <span style="color: purple">and or not</span></td>
 </tr>
 <tr>
-<td><a name="relational-op"></a><a href="#relational-op-note">relational operators</a><br>
+<td id="relational-op"><a href="#relational-op-note">relational operators</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>== != <span style="color: gray"><em>or</em></span> &lt;&gt; &gt; &lt; &gt;= &lt;=<br>
+<td>== != <span style="color: gray"><em>or</em></span> &lt;&gt; &gt; &lt; &gt;= &lt;=<br />
 <span style="color: gray"><em>no conversion:</em></span> === !==</td>
-<td><span style="color: gray"><em>numbers only:</em></span> == != &gt; &lt; &gt;= &lt;=<br>
+<td><span style="color: gray"><em>numbers only:</em></span> == != &gt; &lt; &gt;= &lt;=<br />
 <span style="color: gray"><em>strings:</em></span> <span style="color: green">eq ne gt lt ge le</span></td>
-<td><span style="color: gray"><em>relational operators are chainable:</em></span><br>
+<td><span style="color: gray"><em>relational operators are chainable:</em></span><br />
 == != &gt; &lt; &gt;= &lt;=</td>
 <td>== != &gt; &lt; &gt;= &lt;=</td>
 </tr>
 <tr>
-<td><a name="min-max"></a><a href="#min-max-note">min and max</a><br>
+<td id="min-max"><a href="#min-max-note">min and max</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>min(1,2,3)<br>
-max(1,2,3)<br>
-$<span style="color: peru">a</span> = array(1,2,3)<br>
-min($<span style="color: peru">a</span>)<br>
+<td>min(1,2,3)<br />
+max(1,2,3)<br />
+$<span style="color: peru">a</span> = array(1,2,3)<br />
+min($<span style="color: peru">a</span>)<br />
 max($<span style="color: peru">a</span>)</td>
-<td><span style="color: purple">use</span> <span style="color: #0000cd">List::Util</span> <span style="color: green">qw</span>(min max);<br>
-<br>
-min(1,2,3);<br>
-max(1,2,3);<br>
-<br>
-<span style="color: teal">@a</span> = (1,2,3);<br>
-min(<span style="color: teal">@a</span>);<br>
+<td><span style="color: purple">use</span> <span style="color: #0000cd">List::Util</span> <span style="color: green">qw</span>(min max);<br />
+<br />
+min(1,2,3);<br />
+max(1,2,3);<br />
+<br />
+<span style="color: teal">@a</span> = (1,2,3);<br />
+min(<span style="color: teal">@a</span>);<br />
 max(<span style="color: teal">@a</span>);</td>
-<td><span style="color: purple">min</span>(1,2,3)<br>
-<span style="color: purple">max</span>(1,2,3)<br>
-<br>
-<span style="color: purple">min</span>([1,2,3])<br>
+<td><span style="color: purple">min</span>(1,2,3)<br />
+<span style="color: purple">max</span>(1,2,3)<br />
+<br />
+<span style="color: purple">min</span>([1,2,3])<br />
 <span style="color: purple">max</span>([1,2,3])</td>
-<td>[1,2,3].min<br>
+<td>[1,2,3].min<br />
 [1,2,3].max</td>
 </tr>
 <tr>
-<td><a name="3-val-comparison"></a><a href="#3-val-comparison-note">three value comparison</a></td>
+<td id="note3-val-comparison"><a href="#note3-val-comparison-note">three value comparison</a></td>
 <td><span style="color: gray"><em>none</em></span></td>
-<td>0 &lt;=&gt; 1<br>
+<td>0 &lt;=&gt; 1<br />
 <span style="color: maroon">"do"</span> <span style="color: green">cmp</span> <span style="color: maroon">"re"</span></td>
-<td><span style="color: gray"><em>removed from Python 3:</em></span><br>
-<span style="color: purple">cmp</span>(0, 1)<br>
+<td><span style="color: gray"><em>removed from Python 3:</em></span><br />
+<span style="color: purple">cmp</span>(0, 1)<br />
 <span style="color: purple">cmp</span>(<span style="color: maroon">'do'</span>, <span style="color: maroon">'re'</span>)</td>
-<td>0 &lt;=&gt; 1<br>
+<td>0 &lt;=&gt; 1<br />
 <span style="color: maroon">"do"</span> &lt;=&gt; <span style="color: maroon">"re"</span></td>
 </tr>
 <tr>
-<td><a name="arith-op"></a><a href="#arith-op-note">arithmetic operators</a><br>
+<td id="arith-op"><a href="#arith-op-note">arithmetic operators</a><br />
 <span style="color: gray"><em>addition, subtraction, multiplication, float division, quotient, remainder</em></span></td>
 <td>+ - * / <span style="color: gray"><em>none</em></span> %</td>
 <td>+ - * / <span style="color: gray"><em>none</em></span> %</td>
-<td>+ - * <span style="color: gray"><em>see note</em></span> // %<br>
-<br>
+<td>+ - * <span style="color: gray"><em>see note</em></span> // %<br />
+<br />
 <span style="color: gray"><em>Python 2 does not have an operator which performs float division on integers. In Python 3 / always performs float division.</em></span></td>
 <td>+ - * x.fdiv(y) / %</td>
 </tr>
 <tr>
-<td><a name="int-div"></a><a href="#int-div-note">integer division</a><br>
+<td id="int-div"><a href="#int-div-note">integer division</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>(<span style="color: green">int</span>) (13 / 5)</td>
 <td><span style="color: green">int</span> ( 13 / 5 )</td>
 <td>13 / 5</td>
 </tr>
 <tr>
-<td><a name="divmod"></a><a href="#divmod-note">divmod</a><br>
+<td id="divmod"><a href="#divmod-note">divmod</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td><span style="color: gray"><em>none</em></span></td>
 <td><span style="color: gray"><em>none</em></span></td>
 <td>q, r = 13.divmod(5)</td>
 </tr>
 <tr>
-<td><a name="int-div-zero"></a><a href="#int-div-zero-note">integer division by zero</a><br>
+<td id="int-div-zero"><a href="#int-div-zero-note">integer division by zero</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td><span style="color: gray"><em>returns</em> FALSE <em>with warning</em></span></td>
 <td><span style="color: gray"><em>error</em></span></td>
 <td><span style="color: gray"><em>raises</em> ZeroDivisionError</span></td>
 </tr>
 <tr>
-<td><a name="float-div"></a><a href="#float-div-note">float division</a><br>
+<td id="float-div"><a href="#float-div-note">float division</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>13 / 5</td>
 <td>13 / 5</td>
-<td><span style="color: purple">float</span>(13) / 5<br>
-<br>
-<span style="color: gray"># Python 3:</span><br>
+<td><span style="color: purple">float</span>(13) / 5<br />
+<br />
+<span style="color: gray"># Python 3:</span><br />
 13 / 5</td>
-<td>13.to_f / 5 <span style="color: gray"><em>or</em></span><br>
+<td>13.to_f / 5 <span style="color: gray"><em>or</em></span><br />
 13.fdiv(5)</td>
 </tr>
 <tr>
-<td><a name="float-div-zero"></a><a href="#float-div-zero-note">float division by zero</a><br>
+<td id="float-div-zero"><a href="#float-div-zero-note">float division by zero</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td><span style="color: gray"><em>returns</em> FALSE <em>with warning</em></span></td>
 <td><span style="color: gray"><em>error</em></span></td>
 <td><span style="color: gray"><em>returns</em> -Infinity, NaN, <em>or</em> Infinity</span></td>
 </tr>
 <tr>
-<td><a name="power"></a><a href="#power-note">power</a><br>
+<td id="power"><a href="#power-note">power</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>pow(2, 32)</td>
 <td>2<span style="white-space: pre-wrap;">**</span>32</td>
 <td>2<span style="white-space: pre-wrap;">**</span>32</td>
 </tr>
 <tr>
-<td><a name="sqrt"></a><a href="#sqrt-note">sqrt</a></td>
+<td id="sqrt"><a href="#sqrt-note">sqrt</a></td>
 <td>sqrt(2)</td>
 <td><span style="color: green">sqrt</span>(2)</td>
-<td><span style="color: purple">import</span> math<br>
-<br>
+<td><span style="color: purple">import</span> math<br />
+<br />
 math.sqrt(2)</td>
-<td>include <span style="color: green">Math</span><br>
-<br>
+<td>include <span style="color: green">Math</span><br />
+<br />
 sqrt(2)</td>
 </tr>
 <tr>
-<td><a name="sqrt-negative-one"></a><a href="#sqrt-negative-one-note">sqrt -1</a><br>
+<td id="sqrt-negative-one"><a href="#sqrt-negative-one-note">sqrt -1</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>NaN</td>
 <td><span style="color: gray"><em>error unless</em> use Math::Complex <em>in effect</em></span></td>
-<td><span style="color: gray"># raises ValueError:</span><br>
-<span style="color: purple">import</span> math<br>
-math.sqrt(-1)<br>
-<br>
-<span style="color: gray"># returns complex float:</span><br>
-<span style="color: purple">import</span> cmath<br>
+<td><span style="color: gray"># raises ValueError:</span><br />
+<span style="color: purple">import</span> math<br />
+math.sqrt(-1)<br />
+<br />
+<span style="color: gray"># returns complex float:</span><br />
+<span style="color: purple">import</span> cmath<br />
 cmath.sqrt(-1)</td>
 <td><span style="color: gray"><em>raises</em> Errno::EDOM</span></td>
 </tr>
 <tr>
-<td><a name="transcendental-func"></a><a href="#transcendental-func-note">transcendental functions</a><br>
+<td id="transcendental-func"><a href="#transcendental-func-note">transcendental functions</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>exp log sin cos tan asin acos atan atan2</td>
-<td><span style="color: purple">use</span> <span style="color: mediumblue">Math::Trig</span> <span style="color: green">qw</span>(<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>tan asin acos atan);<br>
-<br>
+<td><span style="color: purple">use</span> <span style="color: mediumblue">Math::Trig</span> <span style="color: green">qw</span>(<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>tan asin acos atan);<br />
+<br />
 <span style="color: green">exp log sin cos</span> tan asin acos atan <span style="color: green">atan2</span></td>
-<td><span style="color: purple">from</span> math <span style="color: purple">import</span> exp, log, \<br>
+<td><span style="color: purple">from</span> math <span style="color: purple">import</span> exp, log, \<br />
 sin, cos, tan, asin, acos, atan, atan2</td>
-<td>include <span style="color: green">Math</span><br>
-<br>
+<td>include <span style="color: green">Math</span><br />
+<br />
 exp log sin cos tan asin acos atan atan2</td>
 </tr>
 <tr>
-<td><a name="transcendental-const"></a><a href="#transcendental-const-note">transcendental constants</a><br>
+<td id="transcendental-const"><a href="#transcendental-const-note">transcendental constants</a><br />
 <span style="color: gray"><em>π and e</em></span></td>
 <td><span style="color: teal">M_PI M_E</span></td>
 <td></td>
-<td>import <span style="color: purple">math</span><br>
-<br>
+<td>import <span style="color: purple">math</span><br />
+<br />
 math.pi math.e</td>
-<td>include <span style="color: green">Math</span><br>
-<br>
+<td>include <span style="color: green">Math</span><br />
+<br />
 <span style="color: green">PI E</span></td>
 </tr>
 <tr>
-<td><a name="float-truncation"></a><a href="#float-truncation-note">float truncation</a><br>
+<td id="float-truncation"><a href="#float-truncation-note">float truncation</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>(int)$x<br>
-round($<span style="color: peru">x</span>)<br>
-ceil($<span style="color: peru">x</span>)<br>
+<td>(int)$x<br />
+round($<span style="color: peru">x</span>)<br />
+ceil($<span style="color: peru">x</span>)<br />
 floor($<span style="color: peru">x</span>)</td>
-<td><span style="color: gray"># cpan -i Number::Format</span><br>
-<span style="color: purple">use</span> <span style="color: mediumblue">Number::Format</span> <span style="color: maroon">'round'</span>;<br>
-<span style="color: purple">use</span> <span style="color: mediumblue">POSIX</span> <span style="color: green">qw</span>(ceil floor);<br>
-<br>
-<span style="color: green">int</span>($x)<br>
-round($x, 0)<br>
-ceil($x)<br>
+<td><span style="color: gray"># cpan -i Number::Format</span><br />
+<span style="color: purple">use</span> <span style="color: mediumblue">Number::Format</span> <span style="color: maroon">'round'</span>;<br />
+<span style="color: purple">use</span> <span style="color: mediumblue">POSIX</span> <span style="color: green">qw</span>(ceil floor);<br />
+<br />
+<span style="color: green">int</span>($x)<br />
+round($x, 0)<br />
+ceil($x)<br />
 floor($x)</td>
-<td><span style="color: purple">import</span> math<br>
-<br>
-<span style="color: purple">int</span>(x)<br>
-<span style="color: purple">int</span>(<span style="color: purple">round</span>(x))<br>
-math.ceil(x)<br>
+<td><span style="color: purple">import</span> math<br />
+<br />
+<span style="color: purple">int</span>(x)<br />
+<span style="color: purple">int</span>(<span style="color: purple">round</span>(x))<br />
+math.ceil(x)<br />
 math.floor(x)</td>
-<td>x.to_i<br>
-x.round<br>
-x.ceil<br>
+<td>x.to_i<br />
+x.round<br />
+x.ceil<br />
 x.floor</td>
 </tr>
 <tr>
-<td><a name="abs-val"></a><a href="#abs-val-note">absolute value</a><br>
+<td id="abs-val"><a href="#abs-val-note">absolute value</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>abs($<span style="color: peru">x</span>)</td>
 <td><span style="color: green">abs</span>($x)</td>
 <td>x.abs</td>
 </tr>
 <tr>
-<td><a name="int-overflow"></a><a href="#int-overflow-note">integer overflow</a><br>
+<td id="int-overflow"><a href="#int-overflow-note">integer overflow</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td><span style="color: gray"><em>converted to float</em></span></td>
 <td><span style="color: gray"><em>converted to float; use</em> Math::BigInt <em>to create arbitrary length integers</em></span></td>
 <td><span style="color: gray"><em>becomes arbitrary length integer of type</em> Bignum</span></td>
 </tr>
 <tr>
-<td><a name="float-overflow"></a><a href="#float-overflow-note">float overflow</a><br>
+<td id="float-overflow"><a href="#float-overflow-note">float overflow</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>INF</td>
 <td>inf</td>
 <td><span style="color: green">Infinity</span></td>
 </tr>
 <tr>
-<td><a name="rational-construction"></a><a href="#rational-construction-note">rational construction</a><br>
+<td id="rational-construction"><a href="#rational-construction-note">rational construction</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td><span style="color: gray"><em>none</em></span></td>
-<td><span style="color: purple">use</span> <span style="color: mediumblue">Math::BigRat</span>;<br>
-<br>
+<td><span style="color: purple">use</span> <span style="color: mediumblue">Math::BigRat</span>;<br />
+<br />
 <span style="color: purple">my</span> <span style="color: peru">$x</span> = Math::BigRat-&gt;new(<span style="color: maroon">"22/7"</span>);</td>
-<td><span style="color: purple">from</span> fractions <span style="color: purple">import</span> Fraction<br>
-<br>
+<td><span style="color: purple">from</span> fractions <span style="color: purple">import</span> Fraction<br />
+<br />
 <span style="color: peru">x</span> = Fraction(22,7)</td>
-<td>require <span style="color: maroon">'rational'</span><br>
-<br>
+<td>require <span style="color: maroon">'rational'</span><br />
+<br />
 x = <span style="color: green">Rational</span>(22,7)</td>
 </tr>
 <tr>
-<td><a name="rational-decomposition"></a><a href="#rational-decomposition-note">rational decomposition</a><br>
+<td id="rational-decomposition"><a href="#rational-decomposition-note">rational decomposition</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td><span style="color: gray"><em>none</em></span></td>
-<td>$x-&gt;numerator();<br>
+<td>$x-&gt;numerator();<br />
 $x-&gt;denominator();</td>
-<td>x.numerator<br>
+<td>x.numerator<br />
 x.denominator</td>
-<td>x.numerator<br>
+<td>x.numerator<br />
 x.denominator</td>
 </tr>
 <tr>
-<td><a name="complex-construction"></a><a href="#complex-constructionnote">complex construction</a><br>
+<td id="complex-construction"><a href="#complex-constructionnote">complex construction</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td><span style="color: gray"><em>none</em></span></td>
-<td><span style="color: purple">use</span> <span style="color: mediumblue">Math::Complex</span>;<br>
-<br>
+<td><span style="color: purple">use</span> <span style="color: mediumblue">Math::Complex</span>;<br />
+<br />
 <span style="color: purple">my</span> <span style="color: peru">$z</span> = 1 + 1.414 * i;</td>
 <td><span style="color: peru">z</span> = 1 + 1.414j</td>
-<td>require <span style="color: maroon">'complex'</span><br>
-<br>
+<td>require <span style="color: maroon">'complex'</span><br />
+<br />
 z = 1 + 1.414.im</td>
 </tr>
 <tr>
-<td><a name="complex-decomposition"></a><a href="#complex-decomposition-note">complex decomposition</a><br>
+<td id="complex-decomposition"><a href="#complex-decomposition-note">complex decomposition</a><br />
 <span style="color: gray"><em>real and imaginary component, argument, absolute value, conjugate</em></span></td>
 <td><span style="color: gray"><em>none</em></span></td>
-<td>Re($z);<br>
-Im($z);<br>
-arg($z);<br>
-abs($z);<br>
+<td>Re($z);<br />
+Im($z);<br />
+arg($z);<br />
+abs($z);<br />
 ~$z;</td>
-<td><span style="color: purple">import</span> cmath<br>
-<br>
-z.real<br>
-z.imag<br>
-cmath.phase(z)<br>
-abs(z)<br>
+<td><span style="color: purple">import</span> cmath<br />
+<br />
+z.real<br />
+z.imag<br />
+cmath.phase(z)<br />
+abs(z)<br />
 z.conjugate()</td>
-<td>z.real<br>
-z.imag<br>
-z.arg<br>
-z.abs<br>
+<td>z.real<br />
+z.imag<br />
+z.arg<br />
+z.abs<br />
 z.conj</td>
 </tr>
 <tr>
-<td><a name="random-num"></a><a href="#random-num-note">random number</a><br>
+<td id="random-num"><a href="#random-num-note">random number</a><br />
 <span style="color: gray"><em>uniform integer, uniform float, normal float</em></span></td>
-<td>rand(0,99)<br>
-lcg_value()<br>
+<td>rand(0,99)<br />
+lcg_value()<br />
 <span style="color: gray"><em>none</em></span></td>
-<td><span style="color: green">int</span>(<span style="color: green">rand</span>() * 100)<br>
-<span style="color: green">rand</span>()<br>
+<td><span style="color: green">int</span>(<span style="color: green">rand</span>() * 100)<br />
+<span style="color: green">rand</span>()<br />
 <span style="color: gray"><em>none</em></span></td>
-<td><span style="color: purple">import</span> random<br>
-<br>
-random.randint(0, 99)<br>
-random.random()<br>
+<td><span style="color: purple">import</span> random<br />
+<br />
+random.randint(0, 99)<br />
+random.random()<br />
 random.gauss(0, 1)</td>
-<td>rand(100)<br>
-rand<br>
+<td>rand(100)<br />
+rand<br />
 <span style="color: gray"><em>none</em></span></td>
 </tr>
 <tr>
-<td><a name="random-seed"></a><a href="#random-seed-note">random seed</a><br>
+<td id="random-seed"><a href="#random-seed-note">random seed</a><br />
 <span style="color: gray"><em>set, get, restore</em></span></td>
-<td>srand(17);<br>
-<br>
+<td>srand(17);<br />
+<br />
 <span style="color: gray"><em>none</em></span></td>
-<td><span style="color: green">srand</span> 17;<br>
-<br>
-<span style="color: purple">my</span> <span style="color: peru">$seed</span> = <span style="color: green">srand</span>;<br>
+<td><span style="color: green">srand</span> 17;<br />
+<br />
+<span style="color: purple">my</span> <span style="color: peru">$seed</span> = <span style="color: green">srand</span>;<br />
 <span style="color: green">srand</span>($seed);</td>
-<td><span style="color: purple">import</span> random<br>
-<br>
-random.seed(17)<br>
-<span style="color: peru">seed</span> = random.getstate()<br>
+<td><span style="color: purple">import</span> random<br />
+<br />
+random.seed(17)<br />
+<span style="color: peru">seed</span> = random.getstate()<br />
 random.setstate(seed)</td>
-<td>srand(17)<br>
-<br>
-seed = srand<br>
+<td>srand(17)<br />
+<br />
+seed = srand<br />
 srand(seed)</td>
 </tr>
 <tr>
-<td><a name="bit-op"></a><a href="#bit-op-note">bit operators</a><br>
+<td id="bit-op"><a href="#bit-op-note">bit operators</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td><span style="white-space: pre-wrap;">&lt;&lt; &gt;&gt; &amp; | ^ ~</span></td>
 <td><span style="white-space: pre-wrap;">&lt;&lt; &gt;&gt; &amp; | ^ ~</span></td>
 <td><span style="white-space: pre-wrap;">&lt;&lt; &gt;&gt; &amp; | ^ ~</span></td>
 </tr>
 <tr>
-<td><a name="binary-octal-hex-literals"></a><a href="#binary-octal-hex-literals-note">binary, octal, and hex literals</a></td>
-<td><span style="color: gray"><em>none</em></span><br>
-052<br>
+<td id="binary-octal-hex-literals"><a href="#binary-octal-hex-literals-note">binary, octal, and hex literals</a></td>
+<td><span style="color: gray"><em>none</em></span><br />
+052<br />
 0x2a</td>
-<td>0b101010<br>
-052<br>
+<td>0b101010<br />
+052<br />
 0x2a</td>
-<td>0b101010<br>
-052<br>
+<td>0b101010<br />
+052<br />
 0x2a</td>
-<td>0b101010<br>
-052<br>
+<td>0b101010<br />
+052<br />
 0x2a</td>
 </tr>
 <tr>
-<td><a name="base-conversion"></a><a href="#base-conversion-note">base conversion</a></td>
-<td>base_convert(<span style="color: maroon">"42"</span>, 10, 7);<br>
+<td id="base-conversion"><a href="#base-conversion-note">base conversion</a></td>
+<td>base_convert(<span style="color: maroon">"42"</span>, 10, 7);<br />
 base_convert(<span style="color: maroon">"60"</span>, 7, 10);</td>
-<td><span style="color: gray"># cpan -i Math::BaseCalc</span><br>
-<span style="color: purple">use</span> <span style="color: mediumblue">Math::BaseCalc</span>;<br>
-<br>
-$c = new Math::BaseCalc(<span style="color: maroon">digits</span>=&gt; [0..6]);<br>
-$c-&gt;to_base(42);<br>
+<td><span style="color: gray"># cpan -i Math::BaseCalc</span><br />
+<span style="color: purple">use</span> <span style="color: mediumblue">Math::BaseCalc</span>;<br />
+<br />
+$c = new Math::BaseCalc(<span style="color: maroon">digits</span>=&gt; [0..6]);<br />
+$c-&gt;to_base(42);<br />
 $c-&gt;from_base(<span style="color: maroon">"60"</span>);</td>
-<td><span style="color: gray"><em>none</em></span><br>
+<td><span style="color: gray"><em>none</em></span><br />
 int(<span style="color: maroon">"60"</span>, 7)</td>
-<td>42.to_s(7)<br>
+<td>42.to_s(7)<br />
 <span style="color: maroon">"60"</span>.to_i(7)</td>
 </tr>
 <tr>
-<th colspan="5"><a name="strings"></a><a href="#strings-note">strings</a></th>
+<th colspan="5" id="strings"><a href="#strings-note">strings</a></th>
 </tr>
 <tr>
 <th></th>
 <th>ruby</th>
 </tr>
 <tr>
-<td><a name="str-literal"></a><a href="#str-literal-note">string literal</a><br>
+<td id="str-literal"><a href="#str-literal-note">string literal</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td><span style="color: maroon">"don't say \"no\""</span><br>
+<td><span style="color: maroon">"don't say \"no\""</span><br />
 <span style="color: maroon">'don\'t say "no"'</span></td>
-<td><span style="color: maroon">"don't say \"no\""</span><br>
+<td><span style="color: maroon">"don't say \"no\""</span><br />
 <span style="color: maroon">'don\'t say "no"'</span></td>
-<td><span style="color: maroon">'don\'t say "no"'</span><br>
-<span style="color: maroon">"don't say \"no\""</span><br>
-<span style="color: maroon">"don't "</span> <span style="color: maroon">'say "no"'</span><br>
-<span style="color: maroon">'''don't say "no"'''</span><br>
+<td><span style="color: maroon">'don\'t say "no"'</span><br />
+<span style="color: maroon">"don't say \"no\""</span><br />
+<span style="color: maroon">"don't "</span> <span style="color: maroon">'say "no"'</span><br />
+<span style="color: maroon">'''don't say "no"'''</span><br />
 <span style="color: maroon">"""don't say "no\""""</span></td>
-<td><span style="color: maroon">"don't say \"no\""</span><br>
-<span style="color: maroon">'don\'t say "no"'</span><br>
+<td><span style="color: maroon">"don't say \"no\""</span><br />
+<span style="color: maroon">'don\'t say "no"'</span><br />
 <span style="color: maroon">"don't "</span> <span style="color: maroon">'say "no"'</span></td>
 </tr>
 <tr>
-<td><a name="str-literal-newline"></a><a href="#str-literal-newline-note">newline in literal</a><br>
+<td id="str-literal-newline"><a href="#str-literal-newline-note">newline in literal</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td><span style="color: gray"><em>yes</em></span></td>
 <td><span style="color: gray"><em>yes</em></span></td>
 <td><span style="color: gray"><em>yes</em></span></td>
 </tr>
 <tr>
-<td><a name="char-esc"></a><a href="#char-esc-note">character escapes</a><br>
+<td id="char-esc"><a href="#char-esc-note">character escapes</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td><span style="color: gray"><em>double quoted:</em></span><br>
-\f \n \r \t \v \x<span style="color: gray"><em>hh</em></span> \$ \" \\ \<span style="color: gray"><em>ooo</em></span><br>
-<br>
-<span style="color: gray"><em>single quoted:</em></span><br>
+<td><span style="color: gray"><em>double quoted:</em></span><br />
+\f \n \r \t \v \x<span style="color: gray"><em>hh</em></span> \$ \" \\ \<span style="color: gray"><em>ooo</em></span><br />
+<br />
+<span style="color: gray"><em>single quoted:</em></span><br />
 \' \\</td>
-<td><span style="color: gray"><em>double quoted:</em></span><br>
-\a \b \c<span style="color: gray"><em>x</em></span> \e \f \n \r \t \x<span style="color: gray"><em>hh</em></span> \x{<span style="color: gray"><em>hhhh</em></span>} \<span style="color: gray"><em>ooo</em></span> <span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="color: gray"><em>Perl 5.14:</em></span> \o{<span style="color: gray"><em>ooo</em></span>}<br>
-<br>
-<span style="color: gray"><em>single quoted:</em></span><br>
+<td><span style="color: gray"><em>double quoted:</em></span><br />
+\a \b \c<span style="color: gray"><em>x</em></span> \e \f \n \r \t \x<span style="color: gray"><em>hh</em></span> \x{<span style="color: gray"><em>hhhh</em></span>} \<span style="color: gray"><em>ooo</em></span> <span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="color: gray"><em>Perl 5.14:</em></span> \o{<span style="color: gray"><em>ooo</em></span>}<br />
+<br />
+<span style="color: gray"><em>single quoted:</em></span><br />
 \' \\</td>
-<td><span style="color: gray"><em>single and double quoted:</em></span><br>
-\<span style="color: gray"><em>newline</em></span> \\ \' \" \a \b \f \n \r \t \v \<span style="color: gray"><em>ooo</em></span> \x<span style="color: gray"><em>hh</em></span><br>
-<br>
-<span style="color: gray"><em>Python 3:</em></span><br>
+<td><span style="color: gray"><em>single and double quoted:</em></span><br />
+\<span style="color: gray"><em>newline</em></span> \\ \' \" \a \b \f \n \r \t \v \<span style="color: gray"><em>ooo</em></span> \x<span style="color: gray"><em>hh</em></span><br />
+<br />
+<span style="color: gray"><em>Python 3:</em></span><br />
 \u<span style="color: gray"><em>hhhh</em></span> \U<span style="color: gray"><em>hhhhhhhh</em></span></td>
-<td><span style="color: gray"><em>double quoted:</em></span><br>
-\a \b \c<span style="color: gray"><em>x</em></span> \e \f \n \r \s \t \v \x<span style="color: gray"><em>hh</em></span> \<span style="color: gray"><em>ooo</em></span> <span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="color: gray"><em>Ruby 1.9:</em></span> \u<span style="color: gray"><em>hhhh</em></span> \u{<span style="color: gray"><em>hhhhh</em></span>}<br>
-<br>
-<span style="color: gray"><em>single quoted:</em></span><br>
+<td><span style="color: gray"><em>double quoted:</em></span><br />
+\a \b \c<span style="color: gray"><em>x</em></span> \e \f \n \r \s \t \v \x<span style="color: gray"><em>hh</em></span> \<span style="color: gray"><em>ooo</em></span> <span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="color: gray"><em>Ruby 1.9:</em></span> \u<span style="color: gray"><em>hhhh</em></span> \u{<span style="color: gray"><em>hhhhh</em></span>}<br />
+<br />
+<span style="color: gray"><em>single quoted:</em></span><br />
 \' \\</td>
 </tr>
 <tr>
-<td><a name="var-interpolation"></a><a href="#var-interpolation-note">variable interpolation</a><br>
+<td id="var-interpolation"><a href="#var-interpolation-note">variable interpolation</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>$<span style="color: peru">count</span> = 3;<br>
-$<span style="color: peru">item</span> = <span style="color: maroon">"ball"</span>;<br>
+<td>$<span style="color: peru">count</span> = 3;<br />
+$<span style="color: peru">item</span> = <span style="color: maroon">"ball"</span>;<br />
 <span style="color: purple">echo</span> <span style="color: maroon">"$count ${item}s\n"</span>;</td>
-<td><span style="color: purple">my</span> <span style="color: peru">$count</span> = 3;<br>
-<span style="color: purple">my</span> <span style="color: peru">$item</span> = <span style="color: maroon">"ball"</span>;<br>
+<td><span style="color: purple">my</span> <span style="color: peru">$count</span> = 3;<br />
+<span style="color: purple">my</span> <span style="color: peru">$item</span> = <span style="color: maroon">"ball"</span>;<br />
 <span style="color: green">print</span> <span style="color: maroon">"$count ${item}s\n"</span>;</td>
-<td><span style="color: peru">count</span> = 3<br>
-<span style="color: peru">item</span> = <span style="color: maroon">'ball'</span><br>
-<span style="color: purple">print</span>(<span style="color: maroon">'{count} {item}s'</span>.format(<br>
+<td><span style="color: peru">count</span> = 3<br />
+<span style="color: peru">item</span> = <span style="color: maroon">'ball'</span><br />
+<span style="color: purple">print</span>(<span style="color: maroon">'{count} {item}s'</span>.format(<br />
 <span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="white-space: pre-wrap;">**</span><span style="color: purple">locals</span>()))</td>
-<td>count = 3<br>
-item = <span style="color: maroon">"ball"</span><br>
+<td>count = 3<br />
+item = <span style="color: maroon">"ball"</span><br />
 puts <span style="color: maroon">"</span><span style="color: peru">#{count} #{item}</span><span style="color: maroon">s"</span></td>
 </tr>
 <tr>
-<td><a name="custom-delimiters"></a><a href="#custom-delimiters-note">custom delimiters</a></td>
+<td id="custom-delimiters"><a href="#custom-delimiters-note">custom delimiters</a></td>
 <td><span style="color: gray"><em>none</em></span></td>
-<td><span style="color: purple">my</span> <span style="color: peru">$s1</span> = <span style="color: green">q</span>(lorem ipsum);<br>
+<td><span style="color: purple">my</span> <span style="color: peru">$s1</span> = <span style="color: green">q</span>(lorem ipsum);<br />
 <span style="color: purple">my</span> <span style="color: peru">$s2</span> = <span style="color: green">qq</span>($s1 dolor sit amet);</td>
 <td><span style="color: gray"><em>none</em></span></td>
-<td>s1 = %q(lorem ipsum)<br>
+<td>s1 = %q(lorem ipsum)<br />
 s2 = %Q(#{s1} dolor sit amet)</td>
 </tr>
 <tr>
-<td><a name="sprintf"></a><a href="#sprintf-note">sprintf</a><br>
+<td id="sprintf"><a href="#sprintf-note">sprintf</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>$<span style="color: peru">fmt</span> = <span style="color: maroon">"lorem %s %d %f"</span>;<br>
+<td>$<span style="color: peru">fmt</span> = <span style="color: maroon">"lorem %s %d %f"</span>;<br />
 sprintf($<span style="color: peru">fmt</span>, <span style="color: maroon">"ipsum"</span>, 13, 3.7);</td>
-<td>my <span style="color: peru">$fmt</span> = <span style="color: maroon">"lorem %s %d %f"</span>;<br>
+<td>my <span style="color: peru">$fmt</span> = <span style="color: maroon">"lorem %s %d %f"</span>;<br />
 <span style="color: green">sprintf</span>($fmt, <span style="color: maroon">"ipsum"</span>, 13, 3.7)</td>
-<td><span style="color: maroon">'lorem %s %d %f'</span> % (<span style="color: maroon">'ipsum'</span>, 13, 3.7)<br>
-<br>
-<span style="color: peru">fmt</span> = <span style="color: maroon">'lorem {0} {1} {2}'</span><br>
+<td><span style="color: maroon">'lorem %s %d %f'</span> % (<span style="color: maroon">'ipsum'</span>, 13, 3.7)<br />
+<br />
+<span style="color: peru">fmt</span> = <span style="color: maroon">'lorem {0} {1} {2}'</span><br />
 fmt.format(<span style="color: maroon">'ipsum'</span>, 13, 3.7)</td>
 <td><span style="color: maroon">"lorem %s %d %f"</span> % [<span style="color: maroon">"ipsum"</span>,13,3.7]</td>
 </tr>
 <tr>
-<td><a name="here-doc"></a><a href="#here-doc-note">here document</a><br>
+<td id="here-doc"><a href="#here-doc-note">here document</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>$<span style="color: peru">word</span> = <span style="color: maroon">"amet"</span>;<br>
-<br>
-$<span style="color: peru">s</span> = <span style="color: maroon"><span style="white-space: pre-wrap;">&lt;&lt;&lt;</span>EOF<br>
-lorem ipsum<br>
-dolor sit $word<br>
+<td>$<span style="color: peru">word</span> = <span style="color: maroon">"amet"</span>;<br />
+<br />
+$<span style="color: peru">s</span> = <span style="color: maroon"><span style="white-space: pre-wrap;">&lt;&lt;&lt;</span>EOF<br />
+lorem ipsum<br />
+dolor sit $word<br />
 EOF</span>;</td>
-<td>$word = <span style="color: maroon">"amet"</span>;<br>
-<br>
-$s = <span style="white-space: pre-wrap;">&lt;&lt;</span>EOF;<br>
-<span style="color: maroon">lorem ipsum<br>
-dolor sit $word</span><br>
+<td>$word = <span style="color: maroon">"amet"</span>;<br />
+<br />
+$s = <span style="white-space: pre-wrap;">&lt;&lt;</span>EOF;<br />
+<span style="color: maroon">lorem ipsum<br />
+dolor sit $word</span><br />
 EOF</td>
 <td><span style="color: gray"><em>none</em></span></td>
-<td>word = <span style="color: maroon">"amet"</span><br>
-<br>
-s = <span style="color: maroon"><span style="white-space: pre-wrap;">&lt;&lt;</span>EOF<br>
-lorem ipsum<br>
-dolor sit</span> <span style="color: peru">#{word}</span><br>
+<td>word = <span style="color: maroon">"amet"</span><br />
+<br />
+s = <span style="color: maroon"><span style="white-space: pre-wrap;">&lt;&lt;</span>EOF<br />
+lorem ipsum<br />
+dolor sit</span> <span style="color: peru">#{word}</span><br />
 <span style="color: maroon">EOF</span></td>
 </tr>
 <tr>
-<td><a name="str-concat"></a><a href="#str-concat-note">concatenate</a><br>
+<td id="str-concat"><a href="#str-concat-note">concatenate</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>$<span style="color: peru">s</span> = <span style="color: maroon">"Hello, "</span>;<br>
+<td>$<span style="color: peru">s</span> = <span style="color: maroon">"Hello, "</span>;<br />
 $<span style="color: peru">s2</span> = $<span style="color: peru">s</span> . <span style="color: maroon">"World!"</span>;</td>
-<td><span style="color: purple">my</span> <span style="color: peru">$s</span> = <span style="color: maroon">"Hello, "</span>;<br>
+<td><span style="color: purple">my</span> <span style="color: peru">$s</span> = <span style="color: maroon">"Hello, "</span>;<br />
 <span style="color: purple">my</span> <span style="color: peru">$s2</span> = $s . <span style="color: maroon">"World!"</span>;</td>
-<td><span style="color: peru">s</span> = <span style="color: maroon">'Hello, '</span><br>
-<span style="color: peru">s2</span> = s + <span style="color: maroon">'World!'</span><br>
-<br>
-<span style="color: gray"><em>juxtaposition can be used to concatenate literals:</em></span><br>
+<td><span style="color: peru">s</span> = <span style="color: maroon">'Hello, '</span><br />
+<span style="color: peru">s2</span> = s + <span style="color: maroon">'World!'</span><br />
+<br />
+<span style="color: gray"><em>juxtaposition can be used to concatenate literals:</em></span><br />
 <span style="color: peru">s2</span> = <span style="color: maroon">'Hello, ' "World!"</span></td>
-<td>s = <span style="color: maroon">"Hello, "</span><br>
-s2 = s + <span style="color: maroon">"World!"</span><br>
-<br>
-<span style="color: gray"><em>juxtaposition can be used to concatenate literals:</em></span><br>
+<td>s = <span style="color: maroon">"Hello, "</span><br />
+s2 = s + <span style="color: maroon">"World!"</span><br />
+<br />
+<span style="color: gray"><em>juxtaposition can be used to concatenate literals:</em></span><br />
 s2 =<span style="color: maroon">"Hello, " 'World!'</span></td>
 </tr>
 <tr>
-<td><a name="str-replicate"></a><a href="#str-replicate-note">replicate</a><br>
+<td id="str-replicate"><a href="#str-replicate-note">replicate</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>$<span style="color: peru">hbar</span> = str_repeat(<span style="color: maroon">"-"</span>, 80);</td>
 <td><span style="color: purple">my</span> <span style="color: peru">$hbar</span> = <span style="color: maroon">"-"</span> <span style="color: green">x</span> 80;</td>
 <td>hbar = <span style="color: maroon">"-"</span> * 80</td>
 </tr>
 <tr>
-<td><a name="split"></a><a href="#split-note">split</a><br>
-<span style="color: gray"><em>simple split,<br>
-split in two,<br>
-keep delimiters,<br>
+<td id="split"><a href="#split-note">split</a><br />
+<span style="color: gray"><em>simple split,<br />
+split in two,<br />
+keep delimiters,<br />
 split into chars</em></span></td>
-<td>explode(<span style="color: maroon">" "</span>, <span style="color: maroon">"do re mi fa"</span>)<br>
-preg_split(<span style="color: maroon">'/\s+/'</span>, <span style="color: maroon">"do re mi fa"</span>, 2)<br>
-preg_split(<span style="color: maroon">'/(\s+)/'</span>, <span style="color: maroon">"do re mi fa"</span>,<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="color: teal">NULL</span>, <span style="color: teal">PREG_SPLIT_DELIM_CAPTURE</span>);<br>
+<td>explode(<span style="color: maroon">" "</span>, <span style="color: maroon">"do re mi fa"</span>)<br />
+preg_split(<span style="color: maroon">'/\s+/'</span>, <span style="color: maroon">"do re mi fa"</span>, 2)<br />
+preg_split(<span style="color: maroon">'/(\s+)/'</span>, <span style="color: maroon">"do re mi fa"</span>,<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="color: teal">NULL</span>, <span style="color: teal">PREG_SPLIT_DELIM_CAPTURE</span>);<br />
 str_split(<span style="color: maroon">"abcd"</span>)</td>
-<td><span style="color: green">split</span>(<span style="color: maroon">/\s+/</span>, <span style="color: maroon">"do re mi fa"</span>)<br>
-<span style="color: green">split</span>(<span style="color: maroon">/\s+/</span>, <span style="color: maroon">"do re mi fa"</span>, 2)<br>
-<span style="color: green">split</span>(<span style="color: maroon">/(\s+)/</span>, <span style="color: maroon">"do re mi fa"</span>);<br>
+<td><span style="color: green">split</span>(<span style="color: maroon">/\s+/</span>, <span style="color: maroon">"do re mi fa"</span>)<br />
+<span style="color: green">split</span>(<span style="color: maroon">/\s+/</span>, <span style="color: maroon">"do re mi fa"</span>, 2)<br />
+<span style="color: green">split</span>(<span style="color: maroon">/(\s+)/</span>, <span style="color: maroon">"do re mi fa"</span>);<br />
 <span style="color: green">split</span>(<span style="color: maroon"><span style="white-space: pre-wrap;">//</span></span>, <span style="color: maroon">"abcd"</span>)</td>
-<td><span style="color: maroon">'do re mi fa'</span>.split()<br>
-<span style="color: maroon">'do re mi fa'</span>.split(<span style="color: purple">None</span>, 1)<br>
-re.split(<span style="color: maroon">'(\s+)'</span>, <span style="color: maroon">'do re mi fa'</span>)<br>
+<td><span style="color: maroon">'do re mi fa'</span>.split()<br />
+<span style="color: maroon">'do re mi fa'</span>.split(<span style="color: purple">None</span>, 1)<br />
+re.split(<span style="color: maroon">'(\s+)'</span>, <span style="color: maroon">'do re mi fa'</span>)<br />
 <span style="color: purple">list</span>(<span style="color: maroon">'abcd'</span>)</td>
-<td><span style="color: maroon">"do re mi fa"</span>.split<br>
-<span style="color: maroon">"do re mi fa"</span>.split(<span style="color: maroon">/\s+/</span>, 2)<br>
-<span style="color: maroon">"do re mi fa"</span>.split(<span style="color: maroon">/(\s+)/</span>)<br>
+<td><span style="color: maroon">"do re mi fa"</span>.split<br />
+<span style="color: maroon">"do re mi fa"</span>.split(<span style="color: maroon">/\s+/</span>, 2)<br />
+<span style="color: maroon">"do re mi fa"</span>.split(<span style="color: maroon">/(\s+)/</span>)<br />
 <span style="color: maroon">"abcd"</span>.split(<span style="color: maroon">""</span>)</td>
 </tr>
 <tr>
-<td><a name="join"></a><a href="#join-note">join</a><br>
+<td id="join"><a href="#join-note">join</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>$<span style="color: peru">a</span> = array(<span style="color: maroon">"do"</span>, <span style="color: maroon">"re"</span>, <span style="color: maroon">"mi"</span>, <span style="color: maroon">"fa"</span>);<br>
+<td>$<span style="color: peru">a</span> = array(<span style="color: maroon">"do"</span>, <span style="color: maroon">"re"</span>, <span style="color: maroon">"mi"</span>, <span style="color: maroon">"fa"</span>);<br />
 implode(<span style="color: maroon">" "</span>, $<span style="color: peru">a</span>)</td>
 <td><span style="color: green">join</span>(<span style="color: maroon">" "</span>, <span style="color: green">qw</span><span style="color: maroon">(do re mi fa)</span>)</td>
 <td><span style="color: maroon">' '</span>.join([<span style="color: maroon">'do'</span>, <span style="color: maroon">'re'</span>, <span style="color: maroon">'mi'</span>, <span style="color: maroon">'fa'</span>])</td>
 <td>%w(do re mi fa).join(<span style="color: maroon">' '</span>)</td>
 </tr>
 <tr>
-<td><a name="case"></a><a href="#case-note">case manipulation</a></td>
-<td>strtoupper(<span style="color: maroon">"lorem"</span>)<br>
-strtolower(<span style="color: maroon">"LOREM"</span>)<br>
+<td id="case"><a href="#case-note">case manipulation</a></td>
+<td>strtoupper(<span style="color: maroon">"lorem"</span>)<br />
+strtolower(<span style="color: maroon">"LOREM"</span>)<br />
 ucfirst(<span style="color: maroon">"lorem"</span>)</td>
-<td><span style="color: green">uc</span>(<span style="color: maroon">"lorem"</span>)<br>
-<span style="color: green">lc</span>(<span style="color: maroon">"LOREM"</span>)<br>
+<td><span style="color: green">uc</span>(<span style="color: maroon">"lorem"</span>)<br />
+<span style="color: green">lc</span>(<span style="color: maroon">"LOREM"</span>)<br />
 <span style="color: green">ucfirst</span>(<span style="color: maroon">"lorem"</span>)</td>
-<td><span style="color: maroon">'lorem'</span>.upper()<br>
-<span style="color: maroon">'LOREM'</span>.lower()<br>
+<td><span style="color: maroon">'lorem'</span>.upper()<br />
+<span style="color: maroon">'LOREM'</span>.lower()<br />
 <span style="color: maroon">'lorem'</span>.capitalize()</td>
-<td><span style="color: maroon">"lorem"</span>.upcase<br>
-<span style="color: maroon">"LOREM"</span>.downcase<br>
+<td><span style="color: maroon">"lorem"</span>.upcase<br />
+<span style="color: maroon">"LOREM"</span>.downcase<br />
 <span style="color: maroon">"lorem"</span>.capitalize</td>
 </tr>
 <tr>
-<td><a name="trim"></a><a href="#trim-note">trim</a><br>
+<td id="trim"><a href="#trim-note">trim</a><br />
 <span style="color: gray"><em>both sides, left, right</em></span></td>
-<td>trim(<span style="color: maroon">" lorem "</span>)<br>
-ltrim(<span style="color: maroon">" lorem"</span>)<br>
+<td>trim(<span style="color: maroon">" lorem "</span>)<br />
+ltrim(<span style="color: maroon">" lorem"</span>)<br />
 rtrim(<span style="color: maroon">"lorem "</span>)</td>
-<td><span style="color: gray"># cpan -i Text::Trim</span><br>
-<span style="color: purple">use</span> <span style="color: mediumblue">Text::Trim</span>;<br>
-<br>
-trim <span style="color: maroon">" lorem "</span><br>
-ltrim <span style="color: maroon">" lorem"</span><br>
+<td><span style="color: gray"># cpan -i Text::Trim</span><br />
+<span style="color: purple">use</span> <span style="color: mediumblue">Text::Trim</span>;<br />
+<br />
+trim <span style="color: maroon">" lorem "</span><br />
+ltrim <span style="color: maroon">" lorem"</span><br />
 rtrim <span style="color: maroon">"lorem "</span></td>
-<td><span style="color: maroon">' lorem '</span>.strip()<br>
-<span style="color: maroon">' lorem'</span>.lstrip()<br>
+<td><span style="color: maroon">' lorem '</span>.strip()<br />
+<span style="color: maroon">' lorem'</span>.lstrip()<br />
 <span style="color: maroon">'lorem '</span>.rstrip()</td>
-<td><span style="color: maroon">" lorem "</span>.strip<br>
-<span style="color: maroon">" lorem"</span>.lstrip<br>
+<td><span style="color: maroon">" lorem "</span>.strip<br />
+<span style="color: maroon">" lorem"</span>.lstrip<br />
 <span style="color: maroon">"lorem "</span>.rstrip</td>
 </tr>
 <tr>
-<td><a name="pad"></a><a href="#pad-note">pad</a><br>
+<td id="pad"><a href="#pad-note">pad</a><br />
 <span style="color: gray"><em>on right, on left, centered</em></span></td>
-<td>str_pad(<span style="color: maroon">"lorem"</span>, 10)<br>
-str_pad(<span style="color: maroon">"lorem"</span>, 10, <span style="color: maroon">" "</span>, <span style="color: teal">STR_PAD_LEFT</span>)<br>
+<td>str_pad(<span style="color: maroon">"lorem"</span>, 10)<br />
+str_pad(<span style="color: maroon">"lorem"</span>, 10, <span style="color: maroon">" "</span>, <span style="color: teal">STR_PAD_LEFT</span>)<br />
 str_pad(<span style="color: maroon">"lorem"</span>, 10, <span style="color: maroon">" "</span>, <span style="color: teal">STR_PAD_BOTH</span>)</td>
-<td><span style="color: gray"># cpan -i Text::Trim</span><br>
-<span style="color: purple">use</span> <span style="color: mediumblue">Text::Format</span>;<br>
-<br>
-<span style="color: green">sprintf</span>(<span style="color: maroon">"%-10s"</span>, <span style="color: maroon">"lorem"</span>)<br>
-<span style="color: green">sprintf</span>(<span style="color: maroon">"%10s"</span>, <span style="color: maroon">"lorem"</span>)<br>
-<br>
-$text = Text::Format-&gt;new(<span style="color: maroon">columns</span> =&gt; 10);<br>
+<td><span style="color: gray"># cpan -i Text::Trim</span><br />
+<span style="color: purple">use</span> <span style="color: mediumblue">Text::Format</span>;<br />
+<br />
+<span style="color: green">sprintf</span>(<span style="color: maroon">"%-10s"</span>, <span style="color: maroon">"lorem"</span>)<br />
+<span style="color: green">sprintf</span>(<span style="color: maroon">"%10s"</span>, <span style="color: maroon">"lorem"</span>)<br />
+<br />
+$text = Text::Format-&gt;new(<span style="color: maroon">columns</span> =&gt; 10);<br />
 $text-&gt;center(<span style="color: maroon">"lorem"</span>);</td>
-<td><span style="color: maroon">'lorem'</span>.ljust(10)<br>
-<span style="color: maroon">'lorem'</span>.rjust(10)<br>
+<td><span style="color: maroon">'lorem'</span>.ljust(10)<br />
+<span style="color: maroon">'lorem'</span>.rjust(10)<br />
 <span style="color: maroon">'lorem'</span>.center(10)</td>
-<td><span style="color: maroon">"lorem"</span>.ljust(10)<br>
-<span style="color: maroon">"lorem"</span>.rjust(10)<br>
+<td><span style="color: maroon">"lorem"</span>.ljust(10)<br />
+<span style="color: maroon">"lorem"</span>.rjust(10)<br />
 <span style="color: maroon">"lorem"</span>.center(10)</td>
 </tr>
 <tr>
-<td><a name="num-str-conversion"></a><a href="#num-str-conversion-note">convert from string, to string</a><br>
+<td id="num-str-conversion"><a href="#num-str-conversion-note">convert from string, to string</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>7 + <span style="color: maroon">"12"</span><br>
-73.9 + <span style="color: maroon">".037"</span><br>
+<td>7 + <span style="color: maroon">"12"</span><br />
+73.9 + <span style="color: maroon">".037"</span><br />
 <span style="color: maroon">"value: "</span> . 8</td>
-<td>7 + <span style="color: maroon">"12"</span><br>
-73.9 + <span style="color: maroon">".037"</span><br>
+<td>7 + <span style="color: maroon">"12"</span><br />
+73.9 + <span style="color: maroon">".037"</span><br />
 <span style="color: maroon">"value: "</span> . 8</td>
-<td>7 + <span style="color: purple">int</span>(<span style="color: maroon">'12'</span>)<br>
-73.9 + <span style="color: purple">float</span>(<span style="color: maroon">'.037'</span>)<br>
+<td>7 + <span style="color: purple">int</span>(<span style="color: maroon">'12'</span>)<br />
+73.9 + <span style="color: purple">float</span>(<span style="color: maroon">'.037'</span>)<br />
 <span style="color: maroon">'value: '</span> + <span style="color: purple">str</span>(8)</td>
-<td>7 + <span style="color: maroon">"12"</span>.to_i<br>
-73.9 + <span style="color: maroon">".037"</span>.to_f<br>
+<td>7 + <span style="color: maroon">"12"</span>.to_i<br />
+73.9 + <span style="color: maroon">".037"</span>.to_f<br />
 <span style="color: maroon">"value: "</span> + 8.to_s</td>
 </tr>
 <tr>
-<td><a name="str-length"></a><a href="#str-length-note">length</a><br>
+<td id="str-length"><a href="#str-length-note">length</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>strlen(<span style="color: maroon">"lorem"</span>)</td>
 <td><span style="color: green">length</span>(<span style="color: maroon">"lorem"</span>)</td>
 <td><span style="color: purple">len</span>(<span style="color: maroon">'lorem'</span>)</td>
-<td><span style="color: maroon">"lorem"</span>.length<br>
+<td><span style="color: maroon">"lorem"</span>.length<br />
 <span style="color: maroon">"lorem"</span>.size</td>
 </tr>
 <tr>
-<td><a name="index-substr"></a><a href="#index-substr-note">index of substring</a><br>
+<td id="index-substr"><a href="#index-substr-note">index of substring</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>strpos(<span style="color: maroon">"do re re"</span>, <span style="color: maroon">"re"</span>)<br>
-strrpos(<span style="color: maroon">"do re re"</span>, <span style="color: maroon">"re"</span>)<br>
+<td>strpos(<span style="color: maroon">"do re re"</span>, <span style="color: maroon">"re"</span>)<br />
+strrpos(<span style="color: maroon">"do re re"</span>, <span style="color: maroon">"re"</span>)<br />
 <span style="color: gray"><em>return</em> FALSE <em>if not found</em></span></td>
-<td><span style="color: green">index</span>(<span style="color: maroon">"lorem ipsum"</span>, <span style="color: maroon">"ipsum"</span>)<br>
-<span style="color: green">rindex</span>(<span style="color: maroon">"do re re"</span>, <span style="color: maroon">"re"</span>)<br>
+<td><span style="color: green">index</span>(<span style="color: maroon">"lorem ipsum"</span>, <span style="color: maroon">"ipsum"</span>)<br />
+<span style="color: green">rindex</span>(<span style="color: maroon">"do re re"</span>, <span style="color: maroon">"re"</span>)<br />
 <span style="color: gray"><em>return</em> -1 <em>if not found</em></span></td>
-<td><span style="color: maroon">'do re re'</span>.index(<span style="color: maroon">'re'</span>)<br>
-<span style="color: maroon">'do re re'</span>.rindex(<span style="color: maroon">'re'</span>)<br>
+<td><span style="color: maroon">'do re re'</span>.index(<span style="color: maroon">'re'</span>)<br />
+<span style="color: maroon">'do re re'</span>.rindex(<span style="color: maroon">'re'</span>)<br />
 <span style="color: gray"><em>raise</em> ValueError <em>if not found</em></span></td>
-<td><span style="color: maroon">"do re re"</span>.index(<span style="color: maroon">"re"</span>)<br>
-<span style="color: maroon">"do re re"</span>.rindex(<span style="color: maroon">"re"</span>)<br>
+<td><span style="color: maroon">"do re re"</span>.index(<span style="color: maroon">"re"</span>)<br />
+<span style="color: maroon">"do re re"</span>.rindex(<span style="color: maroon">"re"</span>)<br />
 <span style="color: gray"><em>return</em> nil <em>if not found</em></span></td>
 </tr>
 <tr>
-<td><a name="extract-substr"></a><a href="#extract-substr-note">extract substring</a><br>
+<td id="extract-substr"><a href="#extract-substr-note">extract substring</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>substr(<span style="color: maroon">"lorem ipsum"</span>, 6, 5)</td>
 <td><span style="color: green">substr</span>(<span style="color: maroon">"lorem ipsum"</span>, 6, 5)</td>
 <td><span style="color: maroon">"lorem ipsum"</span>[6, 5]</td>
 </tr>
 <tr>
-<td><a name="extract-char"></a><a href="#extract-char-note">extract character</a></td>
-<td><span style="color: gray"><em>syntax error to use index notation directly on string literal:</em></span><br>
-$<span style="color: peru">s</span> = <span style="color: maroon">"lorem ipsum"</span>;<br>
+<td id="extract-char"><a href="#extract-char-note">extract character</a></td>
+<td><span style="color: gray"><em>syntax error to use index notation directly on string literal:</em></span><br />
+$<span style="color: peru">s</span> = <span style="color: maroon">"lorem ipsum"</span>;<br />
 $<span style="color: peru">s</span>[6];</td>
-<td><span style="color: gray"><em>can't use index notation with strings:</em></span><br>
+<td><span style="color: gray"><em>can't use index notation with strings:</em></span><br />
 <span style="color: green">substr</span>(<span style="color: maroon">"lorem ipsum"</span>, 6, 1)</td>
 <td><span style="color: maroon">'lorem ipsum'</span>[6]</td>
 <td><span style="color: maroon">"lorem ipsum"</span>[6]</td>
 </tr>
 <tr>
-<td><a name="chr-ord"></a><a href="#chr-ord-note">chr and ord</a><br>
+<td id="chr-ord"><a href="#chr-ord-note">chr and ord</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>chr(65)<br>
+<td>chr(65)<br />
 ord(<span style="color: maroon">"A"</span>)</td>
-<td><span style="color: green">chr</span>(65)<br>
+<td><span style="color: green">chr</span>(65)<br />
 <span style="color: green">ord</span>(<span style="color: maroon">"A"</span>)</td>
-<td><span style="color: purple">chr</span>(65)<br>
+<td><span style="color: purple">chr</span>(65)<br />
 <span style="color: purple">ord</span>(<span style="color: maroon">'A'</span>)</td>
-<td>65.chr<br>
+<td>65.chr<br />
 <span style="color: maroon">"A"</span>[0] <span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="color: gray"><em>Ruby 1.9:</em></span> <span style="color: maroon">"A"</span>.ord</td>
 </tr>
 <tr>
-<td><a name="char-translation"></a><a href="#char-translation-note">character translation</a><br>
+<td id="char-translation"><a href="#char-translation-note">character translation</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>$<span style="color: peru">ins</span> = implode(range(<span style="color: maroon">"a"</span>, <span style="color: maroon">"z"</span>));<br>
-$<span style="color: peru">outs</span> = substr($<span style="color: peru">ins</span>, 13, 13) . substr($<span style="color: peru">ins</span>, 0, 13);<br>
+<td>$<span style="color: peru">ins</span> = implode(range(<span style="color: maroon">"a"</span>, <span style="color: maroon">"z"</span>));<br />
+$<span style="color: peru">outs</span> = substr($<span style="color: peru">ins</span>, 13, 13) . substr($<span style="color: peru">ins</span>, 0, 13);<br />
 strtr(<span style="color: maroon">"hello"</span>, $<span style="color: peru">ins</span>, $<span style="color: peru">outs</span>)</td>
-<td>$s = <span style="color: maroon">"hello"</span>;<br>
+<td>$s = <span style="color: maroon">"hello"</span>;<br />
 $s =~ <span style="color: green">tr</span>/a-z/n-za-m/;</td>
-<td><span style="color: purple">from</span> string <span style="color: purple">import</span> lowercase <span style="color: purple">as</span> ins<br>
-<span style="color: purple">from</span> string <span style="color: purple">import</span> maketrans<br>
-<br>
-<span style="color: peru">outs</span> = ins[13:] + ins[:13]<br>
+<td><span style="color: purple">from</span> string <span style="color: purple">import</span> lowercase <span style="color: purple">as</span> ins<br />
+<span style="color: purple">from</span> string <span style="color: purple">import</span> maketrans<br />
+<br />
+<span style="color: peru">outs</span> = ins[13:] + ins[:13]<br />
 <span style="color: maroon">'hello'</span>.translate(maketrans(ins,outs))</td>
 <td><span style="color: maroon">"hello"</span>.tr(<span style="color: maroon">"a-z"</span>, <span style="color: maroon">"n-za-m"</span>)</td>
 </tr>
 <tr>
-<th colspan="5"><a name="regexes"></a><a href="#regexes-note">regular expresions</a></th>
+<th colspan="5" id="regexes"><a href="#regexes-note">regular expresions</a></th>
 </tr>
 <tr>
 <th></th>
 <th>ruby</th>
 </tr>
 <tr>
-<td><a name="regex-literal"></a><a href="#regex-literal-note">literal, custom delimited literal</a></td>
-<td><span style="color: maroon">'/lorem|ipsum/'</span><br>
+<td id="regex-literal"><a href="#regex-literal-note">literal, custom delimited literal</a></td>
+<td><span style="color: maroon">'/lorem|ipsum/'</span><br />
 <span style="color: maroon">'(/etc/hosts)'</span></td>
-<td><span style="color: maroon">/lorem|ipsum/</span><br>
+<td><span style="color: maroon">/lorem|ipsum/</span><br />
 <span style="color: green">qr</span>(/etc/hosts)</td>
-<td>re.compile(<span style="color: maroon">'lorem|ipsum'</span>)<br>
+<td>re.compile(<span style="color: maroon">'lorem|ipsum'</span>)<br />
 <span style="color: gray"><em>none</em></span></td>
-<td><span style="color: maroon">/lorem|ipsum/<br>
+<td><span style="color: maroon">/lorem|ipsum/<br />
 %r(/etc/hosts)</span></td>
 </tr>
 <tr>
-<td><a name="char-class-abbrev-anchors"></a><a href="#char-class-abbrev-anchors-note">character class abbreviations and anchors</a></td>
-<td><span style="color: gray"><em>char class abbrevs:</em></span><br>
-. \d \D \h \H \s \S \v \V \w \W<br>
-<br>
+<td id="char-class-abbrev-anchors"><a href="#char-class-abbrev-anchors-note">character class abbreviations and anchors</a></td>
+<td><span style="color: gray"><em>char class abbrevs:</em></span><br />
+. \d \D \h \H \s \S \v \V \w \W<br />
+<br />
 <span style="color: gray"><em>anchors:</em></span> ^ $ \A \b \B \z \Z</td>
-<td><span style="color: gray"><em>char class abbrevs:</em></span><br>
-. \d \D \h \H \s \S \v \V \w \W<br>
-<br>
+<td><span style="color: gray"><em>char class abbrevs:</em></span><br />
+. \d \D \h \H \s \S \v \V \w \W<br />
+<br />
 <span style="color: gray"><em>anchors:</em></span> ^ $ \A \b \B \z \Z</td>
-<td><span style="color: gray"><em>char class abbrevs:</em></span><br>
-. \d \D \s \S \w \W<br>
-<br>
+<td><span style="color: gray"><em>char class abbrevs:</em></span><br />
+. \d \D \s \S \w \W<br />
+<br />
 <span style="color: gray"><em>anchors:</em></span> ^ $ \A \b \B \Z</td>
-<td><span style="color: gray"><em>char class abbrevs:</em></span><br>
-. \d \D \h \H \s \S \w \W<br>
-<br>
+<td><span style="color: gray"><em>char class abbrevs:</em></span><br />
+. \d \D \h \H \s \S \w \W<br />
+<br />
 <span style="color: gray"><em>anchors:</em></span> ^ $ \A \b \B \z \Z</td>
 </tr>
 <tr>
-<td><a name="regex-test"></a><a href="#regex-test-note">match test</a><br>
+<td id="regex-test"><a href="#regex-test-note">match test</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>if (preg_match(<span style="color: maroon">'/1999/'</span>, $<span style="color: peru">s</span>)) {<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>echo <span style="color: maroon">"party!\n"</span>;<br>
+<td>if (preg_match(<span style="color: maroon">'/1999/'</span>, $<span style="color: peru">s</span>)) {<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>echo <span style="color: maroon">"party!\n"</span>;<br />
 }</td>
-<td><span style="color: purple">if</span> ($s =~ <span style="color: maroon">/1999/</span>) {<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="color: green">print</span> <span style="color: maroon">"party!\n"</span>;<br>
+<td><span style="color: purple">if</span> ($s =~ <span style="color: maroon">/1999/</span>) {<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="color: green">print</span> <span style="color: maroon">"party!\n"</span>;<br />
 }</td>
-<td><span style="color: purple">if</span> re.search(<span style="color: maroon">'1999'</span>, s):<br>
+<td><span style="color: purple">if</span> re.search(<span style="color: maroon">'1999'</span>, s):<br />
 <span style="white-space: pre-wrap;">&nbsp;&nbsp;</span><span style="color: purple">print</span>(<span style="color: maroon">'party!'</span>)</td>
-<td><span style="color: purple">if</span> <span style="color: maroon">/1999/</span>.match(s)<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>puts <span style="color: maroon">"party!"</span><br>
+<td><span style="color: purple">if</span> <span style="color: maroon">/1999/</span>.match(s)<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>puts <span style="color: maroon">"party!"</span><br />
 <span style="color: purple">end</span></td>
 </tr>
 <tr>
-<td><a name="case-insensitive-regex"></a><a href="#case-insensitive-regex-note">case insensitive match test</a></td>
+<td id="case-insensitive-regex"><a href="#case-insensitive-regex-note">case insensitive match test</a></td>
 <td>preg_match(<span style="color: maroon">'/lorem/i'</span>, <span style="color: maroon">"Lorem"</span>)</td>
 <td><span style="color: maroon">"Lorem"</span> =~ <span style="color: maroon">/lorem/</span><span style="color: green">i</span></td>
 <td>re.search(<span style="color: maroon">'lorem'</span>, <span style="color: maroon">'Lorem'</span>, re.I)</td>
 <td><span style="color: maroon">/lorem/</span>i.match(<span style="color: maroon">"Lorem"</span>)</td>
 </tr>
 <tr>
-<td><a name="regex-modifiers"></a><a href="#regex-modifiers-note">modifiers</a><br>
+<td id="regex-modifiers"><a href="#regex-modifiers-note">modifiers</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td>e i m s x</td>
 <td>i m s p x</td>
 <td>i o m x</td>
 </tr>
 <tr>
-<td><a name="subst"></a><a href="#subst-note">substitution</a><br>
+<td id="subst"><a href="#subst-note">substitution</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>$<span style="color: peru">s</span> = <span style="color: maroon">"do re mi mi mi"</span>;<br>
+<td>$<span style="color: peru">s</span> = <span style="color: maroon">"do re mi mi mi"</span>;<br />
 $<span style="color: peru">s</span> = preg_replace(<span style="color: maroon">'/mi/'</span>, <span style="color: maroon">"ma"</span>, $<span style="color: peru">s</span>);</td>
-<td><span style="color: purple">my</span> $<span style="color: peru">s</span> = <span style="color: maroon">"do re mi mi mi"</span>;<br>
+<td><span style="color: purple">my</span> $<span style="color: peru">s</span> = <span style="color: maroon">"do re mi mi mi"</span>;<br />
 $s =~ <span style="color: green">s</span><span style="color: maroon">/mi/ma/</span><span style="color: green">g</span>;</td>
-<td><span style="color: peru">s</span> = <span style="color: maroon">'do re mi mi mi'</span><br>
+<td><span style="color: peru">s</span> = <span style="color: maroon">'do re mi mi mi'</span><br />
 <span style="color: peru">s</span> = re.compile(<span style="color: maroon">'mi'</span>).sub(<span style="color: maroon">'ma'</span>, s)</td>
-<td>s = <span style="color: maroon">"do re mi mi mi"</span><br>
+<td>s = <span style="color: maroon">"do re mi mi mi"</span><br />
 s.gsub!(<span style="color: maroon">/mi/</span>, <span style="color: maroon">"ma"</span>)</td>
 </tr>
 <tr>
-<td><a name="match-prematch-postmatch"></a><a href="#match-prematch-postmatch-note">match, prematch, postmatch</a><br>
+<td id="match-prematch-postmatch"><a href="#match-prematch-postmatch-note">match, prematch, postmatch</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
 <td><span style="color: gray"><em>none</em></span></td>
-<td><span style="color: purple">if</span> ($s =~ <span style="color: maroon">/\d{4}/</span><span style="color: green">p</span>) {<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>$match = ${^MATCH};<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>$prematch = ${^PREMATCH};<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>$postmatch = ${^POSTMATCH};<br>
+<td><span style="color: purple">if</span> ($s =~ <span style="color: maroon">/\d{4}/</span><span style="color: green">p</span>) {<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>$match = ${^MATCH};<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>$prematch = ${^PREMATCH};<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>$postmatch = ${^POSTMATCH};<br />
 }</td>
-<td><span style="color: peru">m</span> = re.search(<span style="color: maroon">'\d{4}'</span>, s)<br>
-<span style="color: purple">if</span> m:<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>match = m.group()<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>prematch = s[0:m.start(0)]<br>
+<td><span style="color: peru">m</span> = re.search(<span style="color: maroon">'\d{4}'</span>, s)<br />
+<span style="color: purple">if</span> m:<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>match = m.group()<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>prematch = s[0:m.start(0)]<br />
 <span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>postmatch = s[m.end(0):<span style="color: purple">len</span>(s)]</td>
-<td>m = <span style="color: maroon">/\d{4}/</span>.match(s)<br>
-<span style="color: purple">if</span> m<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>match = m[0]<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>prematch = m.pre_match<br>
-<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>postmatch = m.post_match<br>
+<td>m = <span style="color: maroon">/\d{4}/</span>.match(s)<br />
+<span style="color: purple">if</span> m<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>match = m[0]<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>prematch = m.pre_match<br />
+<span style="white-space: pre-wrap;">&nbsp;&nbsp;</span>postmatch = m.post_match<br />
 <span style="color: purple">end</span></td>
 </tr>
 <tr>
-<td><a name="group-capture"></a><a href="#group-capture-note">group capture</a><br>
+<td id="group-capture"><a href="#group-capture-note">group capture</a><br />
 <span style="white-space: pre-wrap;">&nbsp;</span></td>
-<td>$<span style="color: peru">s</span> = <span style="color: maroon">"2010-06-03"</span>;<br>
-$<span style="color: peru">rx</span> = <span style="color: maroon">'/(\d{4})-(\d{2})-(\d{2})/'</span>;<br>
-preg_match($<span style="color: peru">rx</span>, $<span style="color: peru">s</span>, $<span style="color: peru">m</span>);<br>
+<td>$<span style="color: peru">s</span> = <span style="color: maroon">"2010-06-03"</span>;<br />
+$<span style="color: peru">rx</span> = <span style="color: maroon">'/(\d{4})-(\d{2})-(\d{2})/'</span>;<br />
+preg_match($<span style="color: peru">rx</span>, $<span style="color: peru">s</span>, $<span style="color: peru">m</span>);<br />
 list($_, $<span style="color: peru">yr</span>, $<span style="color: peru">mo</span>, $<span style="color: peru">dy</span>) = $<span style="color: peru">m</span>;</td>
-<td>$rx = <span style="color: green">qr</span><span style="color: maroon">/(\d{4})-(\d{2})-(\d{2})/</span>;<br>
-<span style="color: maroon">"2010-06-03"</span> =~ $rx;<br>
+<td>$rx = <span style="color: green">qr</span><span style="color: maroon">/(\d{4})-(\d{2})-(\d{2})/</span>;<br />
+<span style="color: maroon">"2010-06-03"</span> =~ $rx;<br />
 ($yr, $mo, $dy) = ($1, $2, $3);</td>