1. Shlomi Fish
  2. perl-begin

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.

  • Participants
  • Parent commits 02acb9f
  • Branches default

Comments (0)

Files changed (1)

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

View file
  • Ignore whitespace
-            <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>