Neutralize external resource loads in the new HTML5 spec copy.
authorakling@apple.com <akling@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 12 Nov 2013 14:03:06 +0000 (14:03 +0000)
committerakling@apple.com <akling@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 12 Nov 2013 14:03:06 +0000 (14:03 +0000)
Skip Parser/HTML5-8266-FullRender.html until I can make it less flaky.

* Parser/resources/html5-8266.html:
* Skipped:

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@159102 268f45cc-cd09-0410-ab3c-d52691b4dbfc

PerformanceTests/ChangeLog
PerformanceTests/Parser/resources/html5-8266.html
PerformanceTests/Skipped

index 1629b97..2151111 100644 (file)
@@ -1,5 +1,14 @@
 2013-11-12  Andreas Kling  <akling@apple.com>
 
+        Neutralize external resource loads in the new HTML5 spec copy.
+
+        Skip Parser/HTML5-8266-FullRender.html until I can make it less flaky.
+
+        * Parser/resources/html5-8266.html:
+        * Skipped:
+
+2013-11-12  Andreas Kling  <akling@apple.com>
+
         Import a fresh version of the full HTML5 spec for perf testing.
 
         Rubber-stamped by Antti Koivisto.
index ac2513a..76df6bb 100644 (file)
    /*body:not(.statusEnabled) .head, body:not(.dfnEnabled) .head { background: bottom right url(http://hixie.ch/resources/images/spinner) no-repeat; }*/
   </style>
   <!-- END WEBKIT EDITS -->
-  <link rel=icon href=http://www.whatwg.org/images/icon><style>
+  <style>
    .proposal { border: blue solid; padding: 1em; }
    .bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
    #updatesStatus { display: none; }
 
    .glyph.control { color: red; }
 
-   @font-face {
-     font-family: 'Essays1743';
-     src: url('http://www.whatwg.org/specs/web-apps/current-work/fonts/Essays1743.ttf');
-   }
-   @font-face {
-     font-family: 'Essays1743';
-     font-weight: bold;
-     src: url('http://www.whatwg.org/specs/web-apps/current-work/fonts/Essays1743-Bold.ttf');
-   }
-   @font-face {
-     font-family: 'Essays1743';
-     font-style: italic;
-     src: url('http://www.whatwg.org/specs/web-apps/current-work/fonts/Essays1743-Italic.ttf');
-   }
-   @font-face {
-     font-family: 'Essays1743';
-     font-style: italic;
-     font-weight: bold;
-     src: url('http://www.whatwg.org/specs/web-apps/current-work/fonts/Essays1743-BoldItalic.ttf');
-   }
-
   </style><link rel=stylesheet href=data:text/css, title=Normal><link rel="stylesheet alternate" href=data:text/css,.impl%20{%20background:%20pink;%20} title="Highlight implementation-only prose">
   <!-- BEGIN WEBKIT EDITS -->
   <!-- We inline some style sheets to get more stable numbers. -->
      }
    }, false);
 
-  </script><script async defer src="//survey.g.doubleclick.net/async_survey?site=52xlbs7js527m"></script><body onload=init()>
+  </script><body onload=init()>
 
-  <header class=head id=head><p><a href=http://www.whatwg.org/ class=logo><img width=101 src=/images/logo alt=WHATWG height=101></a></p>
+  <header class=head id=head><p><a href=http://www.whatwg.org/ class=logo><img width=101 src=greenbox.png alt=WHATWG height=101></a></p>
    <hgroup><h1 class=allcaps>HTML</h1>
     <h2 class="no-num no-toc">Living Standard &mdash; Last Updated 11 November 2013</h2>
    </hgroup><dl><dt><strong>Web developer edition:</strong></dt>
   relative to other specifications can be best summed up as
   follows:</p>
 
-  <p><img src=http://images.whatwg.org/abstract.png width=398 alt="It consists of everything else, above such core technologies as HTTP, URI/IRIs, DOM, XML, Unicode, and ECMAScript; below presentation-layer technologies like CSS, XBL, and the NPAPI; and to the side of technologies like Geolocation, SVG, MathML, and XHR." height=359></p>
+  <p><img src=greenbox.png width=398 alt="It consists of everything else, above such core technologies as HTTP, URI/IRIs, DOM, XML, Unicode, and ECMAScript; below presentation-layer technologies like CSS, XBL, and the NPAPI; and to the side of technologies like Geolocation, SVG, MathML, and XHR." height=359></p>
 
 
 
 
   <p>Features in this specification which can be <dfn id=fingerprinting-vector title="fingerprinting vector">used to
   fingerprint the user</dfn> are marked as this paragraph is.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p>Other features in the platform can be used for the same purpose, though, including, though not
@@ -3478,7 +3457,7 @@ a.setAttribute('href', 'http://example.com/'); // change the content attribute d
   fingerprinting vector that increases the chances of users being uniquely identified, user agents
   are encouraged to support the exact same set of <a href=#plugin title=plugin>plugins</a> for each
   user.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   </div>
@@ -3810,7 +3789,7 @@ a.setAttribute('href', 'http://example.com/'); // change the content attribute d
   </dl><p id=hardwareLimitations>User agents may impose implementation-specific limits on otherwise
   unconstrained inputs, e.g. to prevent denial of service attacks, to guard against running out of
   memory, or to work around platform-specific limitations.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p>For compatibility with existing content and prior specifications, this specification describes
@@ -7328,7 +7307,7 @@ a.setAttribute('href', 'http://example.com/'); // change the content attribute d
      <li><p>Take ownership of the <a href=#storage-mutex>storage mutex</a>.</li>
 
      <li><p>Update the cookies. <a href=#refsCOOKIES>[COOKIES]</a>
-     <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+     <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
      </li>
 
      <li><p>Release the <a href=#storage-mutex>storage mutex</a> so that it is once again free.</li>
@@ -8926,7 +8905,7 @@ partial /*sealed*/ interface <dfn id=document>Document</dfn> {
   throw a <code><a href=#securityerror>SecurityError</a></code> exception. Otherwise, the user agent must first <a href=#obtain-the-storage-mutex>obtain
   the storage mutex</a> and then return the cookie-string for <a href="#the-document's-address">the document's address</a>
   for a "non-HTTP" API, decoded using the <a href=#utf-8-decoder>UTF-8 decoder</a>. <a href=#refsCOOKIES>[COOKIES]</a>
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p>On setting, if the document is a <a href=#cookie-averse-document-object>cookie-averse <code>Document</code> object</a>, then
@@ -9909,7 +9888,7 @@ interface <dfn id=htmlunknownelement>HTMLUnknownElement</dfn> : <a href=#htmlele
 
   <!-- The following image is decorative; the 'as follows' bit above refers to the paragraph after it, which entirely duplicates the content of
        this image. So setting an alt="" on this would be bogus (indeed, it would be non-conforming and bad for accessibility.) -->
-  <p><object width=1000 height=288 data=images/content-venn.svg><img src=http://images.whatwg.org/content-venn.png width=512 alt="" height=288></object></p>
+  <p><object width=1000 height=288 data=greenbox.png><img src=greenbox.png width=512 alt="" height=288></object></p>
 
   <p>Sectioning content, heading content, phrasing content, embedded content, and interactive
   content are all types of flow content. Metadata is sometimes flow content. Metadata and
@@ -11362,7 +11341,7 @@ Transport Protocol"&gt;HTTP&lt;/abbr&gt; today.&lt;/p&gt;</pre> <!-- DO NOT REWR
    namely to align the text to the <i>start edge</i> of the paragraph, the resulting rendering could
    be as follows:</p>
 
-   <p><img src=http://images.whatwg.org/im.png width=366 alt="Each paragraph rendered as a separate block, with the paragraphs left-aligned except the second paragraph and the last one, which would  be right aligned, with the usernames ('Student' and 'Teacher' in this example) flush right, with a colon to their left, and the text first to the left of that." height=157></p>
+   <p><img src=greenbox.png width=366 alt="Each paragraph rendered as a separate block, with the paragraphs left-aligned except the second paragraph and the last one, which would  be right aligned, with the usernames ('Student' and 'Teacher' in this example) flush right, with a colon to their left, and the text first to the left of that." height=157></p>
 
    <p>As noted earlier, the <code title=attr-dir-auto><a href=#attr-dir-auto>auto</a></code> value is not a panacea. The
    final paragraph in this example is misinterpreted as being right-to-left text, since it begins
@@ -19998,7 +19977,7 @@ wormhole connection.&lt;/mark&gt;&lt;/p&gt;</pre>
 
    <p>This might be rendered as:</p>
 
-   <p><img src=http://images.whatwg.org/sample-ruby-ja.png width=171 alt="The two main ideographs, each with its annotation in hiragana rendered in a smaller font above it." height=78></p>
+   <p><img src=greenbox.png width=171 alt="The two main ideographs, each with its annotation in hiragana rendered in a smaller font above it." height=78></p>
 
   </div>
 
@@ -20012,7 +19991,7 @@ wormhole connection.&lt;/mark&gt;&lt;/p&gt;</pre>
 
    <p>This might be rendered as:</p>
 
-   <p><img src=http://images.whatwg.org/sample-ruby-bopomofo.png width=78 alt="The two main ideographs, each with its bopomofo annotation rendered in a smaller font next to it." height=100></p>
+   <p><img src=greenbox.png width=78 alt="The two main ideographs, each with its bopomofo annotation rendered in a smaller font next to it." height=100></p>
 
   </div>
 
@@ -20026,7 +20005,7 @@ wormhole connection.&lt;/mark&gt;&lt;/p&gt;</pre>
 
    <p>This might be rendered as:</p>
 
-   <p><img src=http://images.whatwg.org/sample-ruby-pinyin.png width=173 alt="The two main ideographs, each with its pinyin annotation rendered in a smaller font above it." height=79></p>
+   <p><img src=greenbox.png width=173 alt="The two main ideographs, each with its pinyin annotation rendered in a smaller font above it." height=79></p>
 
   </div>
 
@@ -26850,7 +26829,7 @@ interface <dfn id=htmlmediaelement>HTMLMediaElement</dfn> : <a href=#htmlelement
   <a href=#media-resource>media resource</a>. In the even rarer case of a <a href=#media-resource>media resource</a> with no
   explicit timings of any kind, not even frame durations, the user agent must itself determine the
   time for each frame in a user-agent-defined manner.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p class=note>An example of a file format with no explicit timeline but with explicit frame
@@ -31754,7 +31733,7 @@ dictionary <dfn id=trackeventinit>TrackEventInit</dfn> : <a href=#eventinit>Even
 
    <p>Consider an image that looks as follows:</p>
 
-   <p><img src=http://images.whatwg.org/sample-usemap.png width=600 alt="A line with four shapes in it, equally spaced: a red hollow box, a green circle, a blue triangle, and a yellow four-pointed star." height=150></p>
+   <p><img src=greenbox.png width=600 alt="A line with four shapes in it, equally spaced: a red hollow box, a green circle, a blue triangle, and a yellow four-pointed star." height=150></p>
 
    <p>If we wanted just the colored areas to be clickable, we could do it as follows:</p>
 
@@ -34812,7 +34791,7 @@ the cell that corresponds to the values of the two dice.
    <p>The remaining headers apply just to the cells to the right of them.</p>
 
    <!-- image source: http://software.hixie.ch/utilities/js/live-dom-viewer/saved/151 -->
-   <img src=http://images.whatwg.org/table-scope-diagram.png width=459 alt="" height=256><!-- (alt is empty because the diagram is completely described by the previous paragraphs) --></div>
+   <img src=greenbox.png width=459 alt="" height=256><!-- (alt is empty because the diagram is completely described by the previous paragraphs) --></div>
 
 
 
@@ -40157,7 +40136,7 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
    <code>http://www.w3.org/TR/XForms/</code> in the recent past, then the rendering might look like
    this:</p>
 
-   <p><img src=http://images.whatwg.org/sample-url.png width=472 alt='A text box with an icon on the left followed by the text "www.w3" and a cursor, with a drop down button on the right hand side; with, below, a drop down box containing a list of six URLs on the left, with the first four having grayed out labels on the right; and a scroll bar to the right of the drop down box, indicating further values are available.' height=134></p>
+   <p><img src=greenbox.png width=472 alt='A text box with an icon on the left followed by the text "www.w3" and a cursor, with a drop down button on the right hand side; with, below, a drop down box containing a list of six URLs on the left, with the first four having grayed out labels on the right; and a scroll bar to the right of the drop down box, indicating further values are available.' height=134></p>
 
    <p>The first four URLs in this sample consist of the four URLs in the author-specified list that
    match the text the user has entered, sorted in some UA-defined manner (maybe by how frequently
@@ -41748,7 +41727,7 @@ ldh-str       = &lt; as defined in <a href=http://tools.ietf.org/html/rfc1034#se
 
    <p>...might render as:</p>
 
-   <p><img src=http://images.whatwg.org/sample-range.png width=49 alt="A vertical slider control whose primary color is black and whose background color is beige, with the slider having five tick marks, one long one at each extremity, and three short ones clustered around the midpoint." height=75><p>Note how the UA determined the orientation of the control from the ratio of the
+   <p><img src=greenbox.png width=49 alt="A vertical slider control whose primary color is black and whose background color is beige, with the slider having five tick marks, one long one at each extremity, and three short ones clustered around the midpoint." height=75><p>Note how the UA determined the orientation of the control from the ratio of the
    style-sheet-specified height and width properties. The colors were similarly derived from the
    style sheet. The tick marks, however, were derived from the markup. In particular, the <code title=attr-input-step><a href=#attr-input-step>step</a></code> attribute has not affected the placement of tick marks, the
    UA deciding to only use the author-specified completion values and then adding longer tick marks
@@ -41766,11 +41745,11 @@ ldh-str       = &lt; as defined in <a href=http://tools.ietf.org/html/rfc1034#se
 
    <p>A user agent could display in a variety of ways, for instance:</p>
 
-   <p><img src=http://images.whatwg.org/sample-range-2a.png width=231 alt="As a dial." height=57></p>
+   <p><img src=greenbox.png width=231 alt="As a dial." height=57></p>
 
    <p>Or, alternatively, for instance:</p>
 
-   <p><img src=http://images.whatwg.org/sample-range-2b.png width=445 alt="As a long horizontal slider with tick marks." height=56></p>
+   <p><img src=greenbox.png width=445 alt="As a long horizontal slider with tick marks." height=56></p>
 
    <p>The user agent could pick which one to display based on the dimensions given in the style
    sheet. This would allow it to maintain the same resolution for the tick marks, despite the
@@ -41791,7 +41770,7 @@ ldh-str       = &lt; as defined in <a href=http://tools.ietf.org/html/rfc1034#se
 
    <p>With styles that make the control draw vertically, it might look as follows:</p>
 
-   <p><img src=http://images.whatwg.org/sample-range-labels.png width=103 alt="A vertical slider control with two tick marks, one near the top labeled 'High', and one near the bottom labeled 'Low'." height=164></div>
+   <p><img src=greenbox.png width=103 alt="A vertical slider control with two tick marks, one near the top labeled 'High', and one near the bottom labeled 'Low'." height=164></div>
 
 
 
@@ -42364,7 +42343,7 @@ ldh-str       = &lt; as defined in <a href=http://tools.ietf.org/html/rfc1034#se
   attribute, the button's label must be the value of that attribute; otherwise, it must be an
   implementation-defined string that means "Submit" or some such.</span> The element is a <a href=#concept-button title=concept-button>button</a>, specifically a <a href=#concept-submit-button title=concept-submit-button>submit
   button</a>.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <div class=impl>
@@ -42677,7 +42656,7 @@ ldh-str       = &lt; as defined in <a href=http://tools.ietf.org/html/rfc1034#se
   the form. <span class=impl>If the element has a <code title=attr-input-value><a href=#attr-input-value>value</a></code>
   attribute, the button's label must be the value of that attribute; otherwise, it must be an
   implementation-defined string that means "Reset" or some such.</span> The element is a <a href=#concept-button title=concept-button>button</a>.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <div class=impl>
@@ -43058,7 +43037,7 @@ ldh-str       = &lt; as defined in <a href=http://tools.ietf.org/html/rfc1034#se
    HTML, since the image is redundant with the previous paragraph. In particular, just describing
    the image would be especially bad for accessibility as it would be disorienting, there having
    been no mention that an image is present. -->
-   <p><img src=http://images.whatwg.org/sample-email-1.png width=500 alt="" height=140></p>
+   <p><img src=greenbox.png width=500 alt="" height=140></p>
 
    <p>The page could also link in the user's contacts database from the site:</p>
 
@@ -43079,7 +43058,7 @@ ldh-str       = &lt; as defined in <a href=http://tools.ietf.org/html/rfc1034#se
    <!-- As above, having a non-empty alt="" attribute on the following image would be dumb, which is
    why it's left blank. The pertinent parts of the image are already described in the prose, and the
    non-pertinent parts aren't relevant to users who can't see the image, obviously. -->
-   <p><img src=http://images.whatwg.org/sample-email-2.png width=500 alt="" height=171></p>
+   <p><img src=greenbox.png width=500 alt="" height=171></p>
 
   </div>
 
@@ -46176,7 +46155,7 @@ and a height of &lt;meter value=2&gt;2cm&lt;/meter&gt;.&lt;/p&gt; &lt;!-- <stron
  &lt;/li&gt;
 &lt;/ul&gt;</pre>
    <p>Might be rendered as follows:</p>
-   <p><img src=http://images.whatwg.org/sample-meter.png width=332 alt="With the <meter> elements rendered as inline green bars of varying lengths." height=178></p>
+   <p><img src=greenbox.png width=332 alt="With the <meter> elements rendered as inline green bars of varying lengths." height=178></p>
   </div>
 
   <p>User agents <span class=impl>may</span> combine the value of the <code title=attr-title><a href=#attr-title>title</a></code> attribute and the other attributes to provide context-sensitive
@@ -49896,7 +49875,7 @@ fur
    to collapse a set of fields down to a small set of headings, with the ability to open each
    one.</p>
 
-   <p class=details-example><img src=http://images.whatwg.org/sample-details-1.png width=345 alt="" height=611><img src=http://images.whatwg.org/sample-details-2.png width=345 alt="" height=666></p>
+   <p class=details-example><img src=greenbox.png width=345 alt="" height=611><img src=greenbox.png width=345 alt="" height=666></p>
 
    <p>In these examples, the summary really just summarises what the controls can change, and not
    the actual values, which is less than ideal.</p>
@@ -50138,7 +50117,7 @@ fur
    <p>In a supporting user agent, this might look like this (assuming the user has just activated the
    second button):</p>
 
-   <p><img src=http://images.whatwg.org/sample-toolbar-1.png width=303 alt="A toolbar with three buttons, labeled 'File', 'Edit', and 'Help'; where if you select the 'Edit' button you get a drop-down menu with three more options, 'Copy', 'Cut', and 'Paste'." height=101></p>
+   <p><img src=greenbox.png width=303 alt="A toolbar with three buttons, labeled 'File', 'Edit', and 'Help'; where if you select the 'Edit' button you get a drop-down menu with three more options, 'Copy', 'Cut', and 'Paste'." height=101></p>
 
   </div>
 
@@ -50500,10 +50479,10 @@ fur
    <p>When a user of a mouse-operated visual Web browser right-clicks on the image, the browser
    might pop up a context menu like this:</p>
 
-   <p><img src=http://images.whatwg.org/contextmenu-collapsed.png alt="A context menu, shown over a picture of cats, with four lines: the first two offering the menu items described in the markup above ('Pet the kittens' and 'Cuddle with the kittens'), the third giving a submenu labeled 'Feed the kittens', and the fourth, after a horizontal splitter, consisting of only a downwards-pointing disclosure triangle."><p>When the user clicks the disclosure triangle, such a user agent would expand the context menu
+   <p><img src=greenbox.png alt="A context menu, shown over a picture of cats, with four lines: the first two offering the menu items described in the markup above ('Pet the kittens' and 'Cuddle with the kittens'), the third giving a submenu labeled 'Feed the kittens', and the fourth, after a horizontal splitter, consisting of only a downwards-pointing disclosure triangle."><p>When the user clicks the disclosure triangle, such a user agent would expand the context menu
    in place, to show the browser's own commands:</p>
 
-   <p><img src=http://images.whatwg.org/contextmenu-expanded.png alt="This would result in the same basic interface, but with a longer menu; the disclosure triangle having been replaced by items such as 'View Image', 'Copy Image', 'Copy Image Location', and so forth."></div>
+   <p><img src=greenbox.png alt="This would result in the same basic interface, but with a longer menu; the disclosure triangle having been replaced by items such as 'View Image', 'Copy Image', 'Copy Image Location', and so forth."></div>
 
 
   <h5 id=event-definitions-0><span class=secno>4.11.5.3 </span>Event definitions</h5>
@@ -54906,7 +54885,7 @@ transform. ack Shaun Morris. --></div>
   attribute's allowed keywords correspond to alignment points in the
   font:</p>
 
-  <p><img src=http://images.whatwg.org/baselines.png width=738 alt="The top of the em square is roughly at the top of the glyphs in a font, the hanging baseline is where some glyphs like &#x906; are anchored, the middle is half-way between the top of the em square and the bottom of the em square, the alphabetic baseline is where characters like &Aacute;, &yuml;, f, and &ohm; are anchored, the ideographic baseline is where glyphs like &#x79c1; and &#x9054; are anchored, and the bottom of the em square is roughly at the bottom of the glyphs in a font. The top and bottom of the bounding box can be far from these baselines, due to glyphs extending far outside the em square." height=300></p>
+  <p><img src=greenbox.png width=738 alt="The top of the em square is roughly at the top of the glyphs in a font, the hanging baseline is where some glyphs like &#x906; are anchored, the middle is half-way between the top of the em square and the bottom of the em square, the alphabetic baseline is where characters like &Aacute;, &yuml;, f, and &ohm; are anchored, the ideographic baseline is where glyphs like &#x79c1; and &#x9054; are anchored, and the bottom of the em square is roughly at the bottom of the glyphs in a font. The top and bottom of the bounding box can be far from these baselines, due to glyphs extending far outside the em square." height=300></p>
 
   <p>The keywords map to these alignment points as follows:</p>
 
@@ -55176,7 +55155,7 @@ transform. ack Shaun Morris. --></div>
     <p>Throws an <code><a href=#indexsizeerror>IndexSizeError</a></code> exception if the given radius is negative.</p>
 
     <figure class=diagrams><!-- if anyone wants to try writing alternative text for these,
-     be my guest. I can't work out how to describe them. --><img src=http://images.whatwg.org/arcTo1.png width=357 alt="" height=254><img src=http://images.whatwg.org/arcTo2.png width=468 alt="" height=310><img src=http://images.whatwg.org/arcTo3.png width=513 alt="" height=233></figure><!--
+     be my guest. I can't work out how to describe them. --><img src=greenbox.png width=357 alt="" height=254><img src=greenbox.png width=468 alt="" height=310><img src=greenbox.png width=513 alt="" height=233></figure><!--
 
 c.clearRect(0, 0, 640, 480);
 c.save();
@@ -55326,7 +55305,7 @@ try {
 
     <p>Throws an <code><a href=#indexsizeerror>IndexSizeError</a></code> exception if the given radius is negative.</p>
 
-    <figure class=diagrams><!-- if anyone wants to try writing alternative text for this, be my guest. I can't work out how to describe it. --><img src=http://images.whatwg.org/arc1.png width=590 alt="" height=255></figure><!--
+    <figure class=diagrams><!-- if anyone wants to try writing alternative text for this, be my guest. I can't work out how to describe it. --><img src=greenbox.png width=590 alt="" height=255></figure><!--
 
 c.clearRect(0, 0, 640, 480);
 c.save();
@@ -56762,7 +56741,7 @@ v6DVT (also check for '- -' bits in the part above) --><p>The <dfn id=dom-contex
 <!--REMOVE-TOPIC:Security-->
   Otherwise, it must return the new <code><a href=#textmetrics>TextMetrics</a></code> object.
   <a href=#refsCSS>[CSS]</a>
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   </div>
@@ -57309,7 +57288,7 @@ v6DVT (also check for '- -' bits in the part above) --><p>The <dfn id=dom-contex
     <p>Draws the given image onto the canvas. The arguments are
     interpreted as follows:</p>
 
-    <p><img src=http://images.whatwg.org/drawImage.png width=356 alt="The sx and sy parameters give the x and y coordinates of the source rectangle; the sw and sh arguments give the width and height of the source rectangle; the dx and dy give the x and y coordinates of the destination rectangle; and the dw and dh arguments give the width and height of the destination rectangle." height=356></p>
+    <p><img src=greenbox.png width=356 alt="The sx and sy parameters give the x and y coordinates of the source rectangle; the sw and sh arguments give the width and height of the source rectangle; the dx and dy give the x and y coordinates of the destination rectangle; and the dw and dh arguments give the width and height of the destination rectangle." height=356></p>
 
     <p>If the image isn't yet fully decoded, then nothing is drawn. If the image is a canvas with no
     data, throws an <code><a href=#invalidstateerror>InvalidStateError</a></code> exception.</p>
@@ -58959,7 +58938,7 @@ function AddCloud(data, x, y) { ... }</pre>
   <p>All the bitmaps created during a single <a href=#concept-task title=concept-task>task</a> for
   <code><a href=#the-canvas-element>canvas</a></code> elements and <code><a href=#canvasrenderingcontext2d>CanvasRenderingContext2D</a></code> objects must have the same
   pixel density.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <pre class=idl>partial interface <a href=#screen id=Screen-partial>Screen</a> {
@@ -70218,7 +70197,7 @@ interface <dfn id=navigatoronline>NavigatorOnLine</dfn> {
    <li>The user has not disabled scripting for this <a href=#browsing-context>browsing context</a> at this time.
    (User agents may provide users with the option to disable scripting globally, or in a
    finer-grained manner, e.g. on a per-origin basis.)
-   <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+   <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
    </li>
 
    <li id=sandboxScriptBlocked>The <a href=#browsing-context>browsing context</a>'s <a href=#active-document>active document</a>'s
@@ -70701,7 +70680,7 @@ interface <dfn id=navigatoronline>NavigatorOnLine</dfn> {
 
    <li><p>Let <var title="">message</var> be a user-agent-defined string describing the error in a
    helpful manner.
-   <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+   <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
    </li>
 
    <li><p>Let <var title="">error object</var> be the object that represents the error: in the case
@@ -73386,7 +73365,7 @@ interface <dfn id=navigatorid>NavigatorID</dfn> {
   profile the user. In fact, if enough such information is available, a user can actually be
   uniquely identified. For this reason, user agent implementors are strongly urged to include as
   little information in this API as possible.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   </div>
@@ -73422,7 +73401,7 @@ interface <dfn id=navigatorlanguage>NavigatorLanguage</dfn> {
 
   <ul><li>Any information in this API that varies from user to user can be used to profile or identify
    the user.
-   <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+   <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
    </li>
 
    <li>If the user is not using a service that obfuscates the user's point of origin (e.g. the Tor
@@ -73732,7 +73711,7 @@ interface <dfn id=navigatorcontentutils>NavigatorContentUtils</dfn> {
   state of the handler described by the two arguments to the method, where the first argument gives
   the scheme and the second gives the string used to build the <a href=#url>URL</a> of the page that
   will handle the requests.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p>The first argument must be compared to the schemes for which custom protocol handlers are
@@ -73747,7 +73726,7 @@ interface <dfn id=navigatorcontentutils>NavigatorContentUtils</dfn> {
   state of the handler described by the two arguments to the method, where the first argument gives
   the <a href=#mime-type>MIME type</a> and the second gives the string used to build the <a href=#url>URL</a> of
   the page that will handle the requests.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p>The first argument must be compared to the <a href=#mime-type title="MIME type">MIME types</a> for which
@@ -73951,7 +73930,7 @@ interface <dfn id=navigatorcontentutils>NavigatorContentUtils</dfn> {
   <p>The <code title=dom-navigator-registerContentHandler><a href=#dom-navigator-registercontenthandler>registerContentHandler()</a></code> method
   could display a modal dialog box:</p>
 
-  <p><img src=http://images.whatwg.org/sample-content-handler-registration.png width=534 alt="The modal dialog box could have the title 'Content Handler Registration', and could say 'This Web page: Kittens at work http://kittens.example.org/ ...would like permission to handle files of type: application/x-meowmeow using the following Web-based application: Kittens-at-work displayer http://kittens.example.org/?show=%s Do you trust the administrators of the &quot;kittens.example.org&quot; domain?' with two buttons, 'Trust kittens.example.org' and 'Cancel'." height=374></p>
+  <p><img src=greenbox.png width=534 alt="The modal dialog box could have the title 'Content Handler Registration', and could say 'This Web page: Kittens at work http://kittens.example.org/ ...would like permission to handle files of type: application/x-meowmeow using the following Web-based application: Kittens-at-work displayer http://kittens.example.org/?show=%s Do you trust the administrators of the &quot;kittens.example.org&quot; domain?' with two buttons, 'Trust kittens.example.org' and 'Cancel'." height=374></p>
 
   <p>In this dialog box, "Kittens at work" is the title of the page that invoked the method,
   "http://kittens.example.org/" is the URL of that page, "application/x-meowmeow" is the string that
@@ -73965,7 +73944,7 @@ interface <dfn id=navigatorcontentutils>NavigatorContentUtils</dfn> {
   <p>When the user then attempts to fetch a URL that uses the "application/x-meowmeow" <a href=#mime-type>MIME
   type</a>, then it might display a dialog as follows:</p>
 
-  <p><img src=http://images.whatwg.org/sample-content-handler.png width=577 alt="The dialog box could have the title 'Unknown File Type' and could say 'You have attempted to access:' followed by a URL, followed by a prompt such as 'How would you like FerretBrowser to handle this resource?' with three radio buttons, one saying 'Contact the FerretBrowser plugin registry to see if there is an official way to handle this resource.', one saying 'Pass this URL to a local application' with an application selector, and one saying 'Pass this URL to the &quot;Kittens-at-work displayer&quot; application at &quot;kittens.example.org&quot;', with a checkbox labeled 'Always do this for resources using the &quot;application/x-meowmeow&quot; type in future.', and with two buttons, 'Ok' and 'Cancel'." height=428></p>
+  <p><img src=greenbox.png width=577 alt="The dialog box could have the title 'Unknown File Type' and could say 'You have attempted to access:' followed by a URL, followed by a prompt such as 'How would you like FerretBrowser to handle this resource?' with three radio buttons, one saying 'Contact the FerretBrowser plugin registry to see if there is an official way to handle this resource.', one saying 'Pass this URL to a local application' with an application selector, and one saying 'Pass this URL to the &quot;Kittens-at-work displayer&quot; application at &quot;kittens.example.org&quot;', with a checkbox labeled 'Always do this for resources using the &quot;application/x-meowmeow&quot; type in future.', and with two buttons, 'Ok' and 'Cancel'." height=428></p>
 
   <p>In this dialog, the third option is the one that was primed by the site registering itself
   earlier.</p>
@@ -74206,13 +74185,13 @@ interface <dfn id=mimetype>MimeType</dfn> {
 
   <p>The <a href=#supported-property-indices>supported property indices</a> of a <code><a href=#pluginarray>PluginArray</a></code> object are the
   numbers from zero to the number of non-<a href=#hidden-plugin title="hidden plugin">hidden</a> <a href=#plugin title=plugin>plugins</a> represented by the object, if any.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p>The <dfn id=dom-pluginarray-length title=dom-PluginArray-length><code>length</code></dfn> attribute must return the
   number of non-<a href=#hidden-plugin title="hidden plugin">hidden</a> <a href=#plugin title=plugin>plugins</a>
   represented by the object.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p>The <dfn id=dom-pluginarray-item title=dom-PluginArray-item><code>item()</code></dfn> method of a
@@ -74234,7 +74213,7 @@ interface <dfn id=mimetype>MimeType</dfn> {
   <p>The <a href=#supported-property-names>supported property names</a> of a <code><a href=#pluginarray>PluginArray</a></code> object are the values
   of the <code title=dom-Plugin-name><a href=#dom-plugin-name>name</a></code> attributes of all the <code title=dom-Plugin><a href=#dom-plugin>Plugin</a></code> objects represented by the <code><a href=#pluginarray>PluginArray</a></code> object. The
   properties exposed in this way must not be enumerable.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p>The <dfn id=dom-pluginarray-nameditem title=dom-PluginArray-namedItem><code>namedItem()</code></dfn> method of a
@@ -74270,13 +74249,13 @@ interface <dfn id=mimetype>MimeType</dfn> {
   numbers from zero to the number of <a href=#mime-type title="MIME type">MIME types</a> <a href=#explicitly-supported>explicitly
   supported</a> by non-<a href=#hidden-plugin title="hidden plugin">hidden</a> <a href=#plugin title=plugin>plugins</a> represented by the corresponding <code><a href=#pluginarray>PluginArray</a></code> object, if
   any.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p>The <dfn id=dom-mimetypearray-length title=dom-MimeTypeArray-length><code>length</code></dfn> attribute must return the
   number of <a href=#mime-type title="MIME type">MIME types</a> <a href=#explicitly-supported>explicitly supported</a> by non-<a href=#hidden-plugin title="hidden plugin">hidden</a> <a href=#plugin title=plugin>plugins</a> represented by the
   corresponding <code><a href=#pluginarray>PluginArray</a></code> object, if any.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p>The <dfn id=dom-mimetypearray-item title=dom-MimeTypeArray-item><code>item()</code></dfn> method of a
@@ -74300,7 +74279,7 @@ interface <dfn id=mimetype>MimeType</dfn> {
   of the <code title=dom-MimeType-type><a href=#dom-mimetype-type>type</a></code> attributes of all the <code><a href=#mimetype>MimeType</a></code>
   objects represented by the <code><a href=#mimetypearray>MimeTypeArray</a></code> object. The properties exposed in this way
   must not be enumerable.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p>The <dfn id=dom-mimetypearray-nameditem title=dom-MimeTypeArray-namedItem><code>namedItem()</code></dfn> method of a
@@ -74326,12 +74305,12 @@ interface <dfn id=mimetype>MimeType</dfn> {
 
   <p>The <a href=#supported-property-indices>supported property indices</a> of a <code title=dom-Plugin><a href=#dom-plugin>Plugin</a></code> object
   are the numbers from zero to the number of <a href=#reported-mime-types>reported MIME types</a>.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p>The <dfn id=dom-plugin-length title=dom-Plugin-length><code>length</code></dfn> attribute must return the number
   of <a href=#reported-mime-types>reported MIME types</a>.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p>The <dfn id=dom-plugin-item title=dom-Plugin-item><code>item()</code></dfn> method of a <code title=dom-Plugin><a href=#dom-plugin>Plugin</a></code> object must return null if the argument is not one of the
@@ -74353,7 +74332,7 @@ interface <dfn id=mimetype>MimeType</dfn> {
   are the values of the <code title=dom-MimeType-type><a href=#dom-mimetype-type>type</a></code> attributes of the
   <code><a href=#mimetype>MimeType</a></code> objects representing the <a href=#reported-mime-types>reported MIME types</a>. The properties
   exposed in this way must not be enumerable.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p>The <dfn id=dom-plugin-nameditem title=dom-Plugin-namedItem><code>namedItem()</code></dfn> method of a <code title=dom-Plugin><a href=#dom-plugin>Plugin</a></code> object must return null if the argument is not one of the
@@ -74373,7 +74352,7 @@ interface <dfn id=mimetype>MimeType</dfn> {
   as a trivial way to determine what security vulnerabilities a <a href=#plugin>plugin</a> (and thus a
   browser) may have. It is thus highly recommended that the <code title=dom-Plugin-description><a href=#dom-plugin-description>description</a></code> attribute just return the same value as the
   <code title=dom-Plugin-name><a href=#dom-plugin-name>name</a></code> attribute, and that the <code title=dom-Plugin-filename><a href=#dom-plugin-filename>filename</a></code> attribute return the empty string.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <hr><p>A <code><a href=#mimetype>MimeType</a></code> object represents a <a href=#mime-type>MIME type</a> that is, or was,
@@ -74396,7 +74375,7 @@ interface <dfn id=mimetype>MimeType</dfn> {
   as a trivial way to determine what security vulnerabilities a <a href=#plugin>plugin</a> (and thus a
   browser) may have. It is thus highly recommended that the <code title=dom-MimeType-description><a href=#dom-mimetype-description>description</a></code> attribute just return the same value as the
   <code title=dom-MimeType-type><a href=#dom-mimetype-type>type</a></code> attribute, and that the <code title=dom-MimeType-suffixes><a href=#dom-mimetype-suffixes>suffixes</a></code> attribute return the empty string.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p class=note>Commas in the <code title=dom-MimeType-suffixes><a href=#dom-mimetype-suffixes>suffixes</a></code> attribute are
@@ -74411,7 +74390,7 @@ interface <dfn id=mimetype>MimeType</dfn> {
   <hr><p>The <dfn id=dom-navigator-javaenabled title=dom-navigator-javaEnabled><code>navigator.javaEnabled</code></dfn> attribute
   must return true if the user agent supports a <a href=#plugin>plugin</a> that supports the <a href=#mime-type>MIME
   type</a> "<code title="">application/x-java-vm</code>".
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   </div>
@@ -74481,7 +74460,7 @@ interface <dfn id=mimetype>MimeType</dfn> {
 
    </ol><p>The <dfn id=dom-external-issearchproviderinstalled title=dom-external-IsSearchProviderInstalled><code>IsSearchProviderInstalled()</code></dfn>
    method, when invoked, must run the following steps:
-   <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+   <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
    </p>
 
    <ol><li><p>Optionally, return 0 and abort these steps. User agents may implement the method as a
@@ -83332,7 +83311,7 @@ interface <dfn id=windowlocalstorage>WindowLocalStorage</dfn> {
 
   <p>The <dfn id=dom-localstorage title=dom-localStorage><code>localStorage</code></dfn> object provides a
   <code><a href=#storage-0>Storage</a></code> object for an <a href=#origin>origin</a>.
-  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=http://images.whatwg.org/fingerprint.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
+  <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img src=greenbox.png width=46 alt="(This is a fingerprinting vector.)" height=64></a>
   </p>
 
   <p>User agents must have a set of local storage areas, one for each <a href=#origin>origin</a>.</p>
@@ -84449,7 +84428,7 @@ dictionary <dfn id=storageeventinit>StorageEventInit</dfn> : <a href=#eventinit>
 
   <h4 id=overview-of-the-parsing-model><span class=secno>12.2.1 </span>Overview of the parsing model</h4>
 
-  <p class=overview><object width=345 height=535 data=images/parsing-model-overview.svg><img src=http://images.whatwg.org/parsing-model-overview.png width=345 alt="" height=450></object></p>
+  <p class=overview><object width=345 height=535 data=images/parsing-model-overview.svg><img src=greenbox.png width=345 alt="" height=450></object></p>
 
   <p>The input to the HTML parsing process consists of a stream of <a href=#unicode-code-point title="Unicode code
   point">Unicode code points</a>, which is passed through a <a href=#tokenization>tokenization</a> stage
@@ -95012,7 +94991,7 @@ progress { binding: <i title="">progress</i>; }</pre>
 
   <!-- http://software.hixie.ch/utilities/js/canvas/?c.clearRect(0%2C%200%2C%20640%2C%20480)%3B%0Ac.save()%3B%0Atry%20{%0A%20%20c.fillStyle%20%3D%20'black'%3B%0A%20%20c.font%20%3D%20'8px%20sans-serif'%3B%0A%20%20c.fillText('Wide'%2C%2043%2C105)%3B%0A%20%20c.fillText('Tall'%2C%20100%2C105)%3B%0A%20%20c.fillText('Square'%2C%20128%2C105)%3B%0A%20%20c.font%20%3D%20'700%2010px%20sans-serif'%3B%0A%20%20c.fillText('Progress%20Bars'%2C%2013%2C30)%3B%0A%20%20c.font%20%3D%20'100%2010px%20sans-serif'%3B%0A%20%20c.fillText('(80%25)'%2C%2037%2C45)%3B%0A%20%20c.beginPath()%3B%0A%20%20var%20g%20%3D%20c.createLinearGradient(10%2C0%2C80%2C0)%3B%0A%20%20g.addColorStop(0%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.8%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.9%2C%20'%23FFFF00')%3B%0A%20%20c.fillStyle%20%3D%20g%3B%0A%20%20c.rect(10%2C80%2C80%2C15)%3B%0A%20%20c.fill()%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A%20%20c.beginPath()%3B%0A%20%20var%20g%20%3D%20c.createLinearGradient(0%2C80%2C0%2C20)%3B%0A%20%20g.addColorStop(0%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.75%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.85%2C%20'%23FFFF00')%3B%0A%20%20c.fillStyle%20%3D%20g%3B%0A%20%20c.rect(100%2C15%2C15%2C80)%3B%0A%20%20c.fill()%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A%0A%20%20c.beginPath()%3B%0A%20%20c.fillStyle%20%3D%20'yellow'%3B%0A%20%20c.arc(140%2C80%2C15%2C0%2C2*Math.PI%2C%20true)%3B%0A%20%20c.fill()%3B%0A%20%20c.beginPath()%3B%0A%20%20c.fillStyle%20%3D%20'lime'%3B%0A%20%20c.moveTo(140%2C80)%3B%0A%20%20c.arc(140%2C80%2C15%2C-Math.PI%2F2%2C1.2*Math.PI%2C%20false)%3B%0A%20%20c.fill()%3B%0A%20%20c.beginPath()%3B%0A%20%20c.arc(140%2C80%2C15%2C0%2C2*Math.PI%2C%20true)%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A}%20finally%20{%0A%20%20c.restore()%3B%0A}%0A -->
 
-  <p> <img src=http://images.whatwg.org/sample-progress.png width=157 class=extra alt="" height=103> When the
+  <p> <img src=greenbox.png width=157 class=extra alt="" height=103> When the
   element is wider than it is tall, the element is expected to be depicted as a horizontal progress
   bar, with the start on the right and the end on the left if the 'direction' property on this
   element has a computed value of 'rtl', and with the start on the left and the end on the right
@@ -95499,7 +95478,7 @@ keygen { binding: <i title="">keygen</i>; }</pre>
    ensure that the punctuation was the same both in the drop down, and in the box showing the
    current selection.</p>
 
-   <p><img src=http://images.whatwg.org/bidiselect.png width=206 alt="" height=105></p> <!-- no need for alt
+   <p><img src=greenbox.png width=206 alt="" height=105></p> <!-- no need for alt
    text, the previous paragraph describes it completely -->
 
   </div>
index eeccec3..4fd3ff1 100644 (file)
@@ -86,3 +86,6 @@ Layout/LineLayoutJapanese.html
 
 # New DOM benchmark is not ready for the prime time yet.
 DoYouEvenBench
+
+# Needs deflakization
+Parser/HTML5-8266-FullRender.html