diff --git a/publishing/docs/html/svg.html b/publishing/docs/html/svg.html
index 82aeef20..9f8007ea 100644
--- a/publishing/docs/html/svg.html
+++ b/publishing/docs/html/svg.html
@@ -50,29 +50,29 @@ <h3>Examples</h3>
 				
 				<figure id="ex-01">
 					<figcaption>Example 1 &#8212; Default language specification</figcaption>
-					<pre id="ex-01-src" class="prettyprint linenums"><code>&lt;sv g xmlns="http://www.w3.org/2000/svg" xml:lang="en" lang="en">
+					<pre id="ex-01-src" class="prettyprint linenums"><code>&#65124;svg xmlns="http://www.w3.org/2000/svg" xml:lang="en" lang="en">
    &#8230;
-&lt;/svg></code></pre>
+&#65124;/svg></code></pre>
 				</figure>
 				
 				<figure id="ex-02">
 					<figcaption>Example 2 &#8212; Language override</figcaption>
-					<pre id="ex-02-src" class="prettyprint linenums"><code>&lt;sv g xmlns="http://www.w3.org/2000/svg" xml:lang="en" lang="en">
+					<pre id="ex-02-src" class="prettyprint linenums"><code>&#65124;svg xmlns="http://www.w3.org/2000/svg" xml:lang="en" lang="en">
    &#8230;
-   &lt;text &#8230; >I think therefore I am...&lt;/text>
-   &lt;text &#8230; xml:lang="fr" lang="fr">Je pense donc je suis...&lt;/text>
-   &lt;text &#8230; xml:lang="it" lang="it">Penso dunque sono...&lt;/text>
+   &#65124;text &#8230; >I think therefore I am...&#65124;/text>
+   &#65124;text &#8230; xml:lang="fr" lang="fr">Je pense donc je suis...&#65124;/text>
+   &#65124;text &#8230; xml:lang="it" lang="it">Penso dunque sono...&#65124;/text>
    &#8230;
-&lt;/svg></code></pre>
+&#65124;/svg></code></pre>
 				</figure>
 				
 				<figure id="ex-03">
 					<figcaption>Example 3 &#8212; Including an SVG title and description</figcaption>
-					<pre id="ex-03-src" class="prettyprint linenums"><code>&lt;sv g
+					<pre id="ex-03-src" class="prettyprint linenums"><code>&#65124;svg
 	 xmlns="http://www.w3.org/2000/svg"
 	 xml:lang="en" lang="en">
-   &lt;title>The New EPUB Logo&lt;/title>
-   &lt;desc>
+   &#65124;title>The New EPUB Logo&#65124;/title>
+   &#65124;desc>
 	  The EPUB logo is a lower-case letter E that has 
 	  been tilted 45 degrees to counter-clockwise so 
 	  that it appears to be sitting in balance on its 
@@ -81,29 +81,29 @@ <h3>Examples</h3>
 	  of the image, moving to the outer edge and then 
 	  continuing around in a box-like pattern. The
 	  external corners have all been rounded.
-   &lt;/desc>
+   &#65124;/desc>
    &#8230;
-&lt;/svg></code></pre>
+&#65124;/svg></code></pre>
 				</figure>
 				
 				<figure id="ex-04">
 					<figcaption>Example 4 &#8212; A decorative SVG</figcaption>
-					<pre id="ex-04-src" class="prettyprint linenums"><code>&lt;sv g
+					<pre id="ex-04-src" class="prettyprint linenums"><code>&#65124;svg
      xmlns="http://www.w3.org/2000/svg"
      xml:lang="en" lang="en"
      role="presentation">
    &#8230;
-&lt;/svg></code></pre>
+&#65124;/svg></code></pre>
 				</figure>
 				
 				<figure id="ex-05">
 					<figcaption>Example 5 &#8212; Adding a title to a link</figcaption>
-					<pre id="ex-05-src" class="prettyprint linenums"><code>&lt;a href="http://www.ontario.ca">
-   &lt;title>Ontario government web site&lt;/title>
-   &lt;g &#8230;>
+					<pre id="ex-05-src" class="prettyprint linenums"><code>&#65124;a href="http://www.ontario.ca">
+   &#65124;title>Ontario government web site&#65124;/title>
+   &#65124;g &#8230;>
       &#8230;
-   &lt;/g>
-&lt;/a></code></pre>
+   &#65124;/g>
+&#65124;/a></code></pre>
 				</figure>
 			</section>
 			
@@ -211,7 +211,7 @@ <h3>Related Links</h3>
 
 				<ul>
 					<li>MDN &#8212; <a
-						href="https://developer.mozilla.org/en-US/docs/Web/SVG/Element/svg">&lt;svg></a></li>
+						href="https://developer.mozilla.org/en-US/docs/Web/SVG/Element/svg">&#65124;svg></a></li>
 					<li>SVG &#8212; <a href="http://www.w3.org/TR/SVG2/struct.html#LangSpaceAttrs">The 'xml:lang' and
 						'xml:space' attributes</a></li>
 					<li>SVG &#8212; <a href="https://www.w3.org/TR/SVG2/struct.html#DescriptionAndTitleElements">The ‘desc’