remove use of XMP tags in HTML
authorMatthew Fernandez <matthew.fernandez@gmail.com>
Sun, 14 Feb 2021 21:26:49 +0000 (13:26 -0800)
committerMatthew Fernandez <matthew.fernandez@gmail.com>
Sat, 20 Feb 2021 23:11:01 +0000 (15:11 -0800)
The XMP tag was deprecated for PRE [0]. Related to #1861.

  [0]: https://html.spec.whatwg.org/multipage/obsolete.html#non-conforming-features

doc/info/output.html
doc/info/shapes.html
rtest/test_regression.py

index 383183233f164da675335c0e3c13e123195a01da..47b46fd3a59643c2be63e7e5bf45535426336175 100644 (file)
@@ -373,28 +373,28 @@ one would process the graph and generate two output files:
 dot -Timap -ox.map -Tgif -ox.gif x.gv
 </PRE>
 and then refer to it in a web page:
-<XMP>
-<A HREF="x.map"><IMG SRC="x.gif" ismap="ismap" /></A>
-</XMP>
+<PRE>
+&lt;A HREF="x.map"&gt;&lt;IMG SRC="x.gif" ismap="ismap" /&gt;&lt;/A&gt;
+</PRE>
 For client-side maps, one again generates two output files:
 <PRE>
 dot -Tcmapx -ox.map -Tgif -ox.gif x.gv
 </PRE>
 and uses the HTML
-<XMP>
-<IMG SRC="x.gif" USEMAP="#mainmap" />
+<PRE>
+&lt;IMG SRC="x.gif" USEMAP="#mainmap" /&gt;
 ... [content of x.map] ...
-</XMP>
+</PRE>
 Note that the name given in the USEMAP attribute must be the same
 as the ID attribute of the MAP element. The Graphviz renderer
 uses the name of the graph as the ID. Thus, in the example above,
 where the graph's name is <CODE>mainmap</CODE>, we have <CODE>USEMAP="#mainmap"</CODE>
 in the IMG attribute, and x.map will look like
-<XMP>
-<map id="mainmap" name="mainmap">
+<PRE>
+&lt;map id="mainmap" name="mainmap"&gt;
 ... 
-</map>
-</XMP>
+&lt;/map&gt;
+</PRE>
 <P>
 <A HREF=attrs.html#d:URL>URLs</A> can be attached to the root
 graph, nodes and edges. If a node has a URL, clicking in the node
index 32df6c3d52dade591f46b349cceaa0494cb4e1df..102db7bfa003959df6d795c4edd24e7d467009aa 100644 (file)
@@ -250,17 +250,17 @@ by the <A HREF=attrs.html#d:width><TT>width</TT></A> and
 <A HREF=attrs.html#d:height><TT>height</TT></A> attributes, and the shape
 is used for edge termination, but both the shape and label sizes are used
 preventing node overlap. For example, the following graph
-<XMP>
+<PRE>
 digraph G {
   { 
     node [margin=0 fontcolor=blue fontsize=32 width=0.5 shape=circle style=filled]
     b [fillcolor=yellow fixedsize=true label="a very long label"]
     d [fixedsize=shape label="an even longer label"]
   }
-  a -> {c d}
-  b -> {c d}
+  a -&gt; {c d}
+  b -&gt; {c d}
 }
-</XMP>
+</PRE>
 yields the figure<BR>
 <IMG SRC=fixed.gif>
 <P>
@@ -338,24 +338,24 @@ corresponding to horizontal layouts, the top-level fields are
 displayed vertically.
 <P>
 As an example of a record node, the dot input
-<XMP>
+<PRE>
 digraph structs {
     node [shape=record];
-    struct1 [label="<f0> left|<f1> mid&#92; dle|<f2> right"];
-    struct2 [label="<f0> one|<f1> two"];
-    struct3 [label="hello&#92;nworld |{ b |{c|<here> d|e}| f}| g | h"];
-    struct1:f1 -> struct2:f0;
-    struct1:f2 -> struct3:here;
+    struct1 [label="&lt;f0&gt; left|&lt;f1&gt; mid&amp;#92; dle|&lt;f2&gt; right"];
+    struct2 [label="&lt;f0&gt; one|&lt;f1&gt; two"];
+    struct3 [label="hello&amp;#92;nworld |{ b |{c|&lt;here&gt; d|e}| f}| g | h"];
+    struct1:f1 -&gt; struct2:f0;
+    struct1:f2 -&gt; struct3:here;
 }
-</XMP>
+</PRE>
 
 yields the figure<BR>
 <IMG SRC=record.gif>
 <P>
 If we add the line
-<XMP>
+<PRE>
     rankdir=LR
-</XMP>
+</PRE>
 we get the layout<BR>
 <IMG SRC=record2.gif>
 <P>
@@ -382,15 +382,15 @@ whatever color is the current graph or cluster background color.
 Note that <TT>point</TT> shapes are always filled.
 <P>
 Thus, the code
-<XMP>
+<PRE>
 digraph G {
   rankdir=LR
   node [shape=box, color=blue]
   node1 [style=filled] 
   node2 [style=filled, fillcolor=red] 
-  node0 -> node1 -> node2
+  node0 -&gt; node1 -&gt; node2
 }
-</XMP>
+</PRE>
 yields the figure<BR>
 <IMG SRC=fill.gif>
 
@@ -416,7 +416,7 @@ Also, prior to 26 April 2005, the rounded and filled styles were
 mutually exclusive.
 <P>
 As an example of rounding, dot uses the graph
-<XMP>
+<PRE>
 digraph R {
   rankdir=LR
   node [style=rounded]
@@ -424,9 +424,9 @@ digraph R {
   node2 [fillcolor=yellow, style="rounded,filled", shape=diamond]
   node3 [shape=record, label="{ a | b | c }"]
 
-  node1 -> node2 -> node3
+  node1 -&gt; node2 -&gt; node3
 }
-</XMP>
+</PRE>
 to produce the figure<BR>
 <IMG SRC=round.gif>
 <DT><A NAME=d:dashed></A><TT>dashed</TT>
@@ -1165,36 +1165,36 @@ abutting or even collinear. The user can usual get around this by increasing
 the border size or the spacing, or turning off the table border.
 <P>
 As an example of HTML labels, the dot input 
-<XMP>
+<PRE>
 digraph structs {
     node [shape=plaintext]
-    struct1 [label=<
-<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0">
-  <TR><TD>left</TD><TD PORT="f1">mid dle</TD><TD PORT="f2">right</TD></TR>
-</TABLE>>];
-    struct2 [label=<
-<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0">
-  <TR><TD PORT="f0">one</TD><TD>two</TD></TR>
-</TABLE>>];
-    struct3 [label=<
-<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="4">
-  <TR>
-    <TD ROWSPAN="3">hello<BR/>world</TD>
-    <TD COLSPAN="3">b</TD>
-    <TD ROWSPAN="3">g</TD>
-    <TD ROWSPAN="3">h</TD>
-  </TR>
-  <TR>
-    <TD>c</TD><TD PORT="here">d</TD><TD>e</TD>
-  </TR>
-  <TR>
-    <TD COLSPAN="3">f</TD>
-  </TR>
-</TABLE>>];
-    struct1:f1 -> struct2:f0;
-    struct1:f2 -> struct3:here;
+    struct1 [label=&lt;
+&lt;TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0"&gt;
+  &lt;TR&gt;&lt;TD&gt;left&lt;/TD&gt;&lt;TD PORT="f1"&gt;mid dle&lt;/TD&gt;&lt;TD PORT="f2"&gt;right&lt;/TD&gt;&lt;/TR&gt;
+&lt;/TABLE&gt;&gt;];
+    struct2 [label=&lt;
+&lt;TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0"&gt;
+  &lt;TR&gt;&lt;TD PORT="f0"&gt;one&lt;/TD&gt;&lt;TD&gt;two&lt;/TD&gt;&lt;/TR&gt;
+&lt;/TABLE&gt;&gt;];
+    struct3 [label=&lt;
+&lt;TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="4"&gt;
+  &lt;TR&gt;
+    &lt;TD ROWSPAN="3"&gt;hello&lt;BR/&gt;world&lt;/TD&gt;
+    &lt;TD COLSPAN="3"&gt;b&lt;/TD&gt;
+    &lt;TD ROWSPAN="3"&gt;g&lt;/TD&gt;
+    &lt;TD ROWSPAN="3"&gt;h&lt;/TD&gt;
+  &lt;/TR&gt;
+  &lt;TR&gt;
+    &lt;TD&gt;c&lt;/TD&gt;&lt;TD PORT="here"&gt;d&lt;/TD&gt;&lt;TD&gt;e&lt;/TD&gt;
+  &lt;/TR&gt;
+  &lt;TR&gt;
+    &lt;TD COLSPAN="3"&gt;f&lt;/TD&gt;
+  &lt;/TR&gt;
+&lt;/TABLE&gt;&gt;];
+    struct1:f1 -&gt; struct2:f0;
+    struct1:f2 -&gt; struct3:here;
 }
-</XMP>
+</PRE>
 produces the HTML analogue of the record example above<BR>
 <IMG SRC=html1.gif>
 <P>
@@ -1223,21 +1223,21 @@ various non-convex shapes. For example, a <tt>tee-shaped</tt> node
 <IMG SRC=tee.gif>
 <P>
 can be produced using
-<XMP>
+<PRE>
   tee [shape=none margin=0 label=
-    <<table border="0" cellspacing="0" cellborder="1">
-     <tr>
-      <td width="9" height="9" fixedsize="true" style="invis"></td>
-      <td width="9" height="9" fixedsize="true" sides="ltr"></td>
-      <td width="9" height="9" fixedsize="true" style="invis"></td>
-     </tr>
-     <tr>
-      <td width="9" height="9" fixedsize="true" sides="tlb"></td>
-      <td width="9" height="9" fixedsize="true" sides="b"></td>
-      <td width="9" height="9" fixedsize="true" sides="brt"></td>
-     </tr>
-    </table>>]
-</XMP>
+    &lt;&lt;table border="0" cellspacing="0" cellborder="1"&gt;
+     &lt;tr&gt;
+      &lt;td width="9" height="9" fixedsize="true" style="invis"&gt;&lt;/td&gt;
+      &lt;td width="9" height="9" fixedsize="true" sides="ltr"&gt;&lt;/td&gt;
+      &lt;td width="9" height="9" fixedsize="true" style="invis"&gt;&lt;/td&gt;
+     &lt;/tr&gt;
+     &lt;tr&gt;
+      &lt;td width="9" height="9" fixedsize="true" sides="tlb"&gt;&lt;/td&gt;
+      &lt;td width="9" height="9" fixedsize="true" sides="b"&gt;&lt;/td&gt;
+      &lt;td width="9" height="9" fixedsize="true" sides="brt"&gt;&lt;/td&gt;
+     &lt;/tr&gt;
+    &lt;/table&gt;&gt;]
+</PRE>
 <H2><A NAME=epsf>User-defined Nodes</A></H2>
 
 There is a third type of node shape which is specified by the user.
index 85cdcf841b73f477783d427a094a388cc5ab080f..b6588ef9e08c8309462ca11d662d221b4db221fd 100644 (file)
@@ -505,7 +505,6 @@ def test_html(src: Path):
   # remove it from this list.
   # See https://gitlab.com/graphviz/graphviz/-/issues/1861
   FAILING = frozenset(ROOT / x for x in (
-    'doc/info/output.html',
     'doc/info/shapes.html',
     'doc/internal_todo.html',
     'lib/inkpot/data/types.html',