[html5] r5731 - [e] (0) better example Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=11345

[whatwg at whatwg.org]

Author: ianh
Date: 2010-12-30 23:07:54 -0800 (Thu, 30 Dec 2010)
New Revision: 5731

Modified:
   complete.html
   index
   source
Log:
[e] (0) better example
Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=11345

Modified: complete.html
===================================================================
--- complete.html	2010-12-31 04:04:10 UTC (rev 5730)
+++ complete.html	2010-12-31 07:07:54 UTC (rev 5731)
@@ -2098,14 +2098,20 @@
 
     <div class=example>
 
-     <p>For example, the following markup results in poor performance
-     when hitting the highlighted end tag, since all the open elements
-     are examined first to see if they match the close tag:</p>
+     <p>For example, the following markup results in poor performance,
+     since all the unclosed <code><a href=#the-i-element>i</a></code> elements have to be
+     reconstructed in each paragraph, resulting in progressively more
+     elements in each paragraph:</p>
 
-     <pre class=bad><p><em><span><span><span>...<span><span><span><strong></em></strong></pre>
+     <pre class=bad><p><i>He dreamt.
+<p><i>He dreamt that he ate breakfast.
+<p><i>Then lunch.
+<p><i>And finally dinner.</pre>
 
-    </div>
+     <p>The resulting DOM for this fragment would be:</p>
 
+     <ul class=domTree><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t3><code>#text</code>: <span title="">He dreamt.</span></ul></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t3><code>#text</code>: <span title="">He dreamt that he ate breakfast.</span></ul></ul></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t3><code>#text</code>: <span title="">Then lunch.</span></ul></ul></ul></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li cla
 ss=t1><code><a href=#the-i-element>i</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t3><code>#text</code>: <span title="">And finally dinner.</span></ul></ul></ul></ul></ul></ul></div>
+
    </dd>
 
 

Modified: index
===================================================================
--- index	2010-12-31 04:04:10 UTC (rev 5730)
+++ index	2010-12-31 07:07:54 UTC (rev 5731)
@@ -2077,14 +2077,20 @@
 
     <div class=example>
 
-     <p>For example, the following markup results in poor performance
-     when hitting the highlighted end tag, since all the open elements
-     are examined first to see if they match the close tag:</p>
+     <p>For example, the following markup results in poor performance,
+     since all the unclosed <code><a href=#the-i-element>i</a></code> elements have to be
+     reconstructed in each paragraph, resulting in progressively more
+     elements in each paragraph:</p>
 
-     <pre class=bad><p><em><span><span><span>...<span><span><span><strong></em></strong></pre>
+     <pre class=bad><p><i>He dreamt.
+<p><i>He dreamt that he ate breakfast.
+<p><i>Then lunch.
+<p><i>And finally dinner.</pre>
 
-    </div>
+     <p>The resulting DOM for this fragment would be:</p>
 
+     <ul class=domTree><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t3><code>#text</code>: <span title="">He dreamt.</span></ul></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t3><code>#text</code>: <span title="">He dreamt that he ate breakfast.</span></ul></ul></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t3><code>#text</code>: <span title="">Then lunch.</span></ul></ul></ul></ul><li class=t1><code><a href=#the-p-element>p</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li cla
 ss=t1><code><a href=#the-i-element>i</a></code><ul><li class=t1><code><a href=#the-i-element>i</a></code><ul><li class=t3><code>#text</code>: <span title="">And finally dinner.</span></ul></ul></ul></ul></ul></ul></div>
+
    </dd>
 
 

Modified: source
===================================================================
--- source	2010-12-31 04:04:10 UTC (rev 5730)
+++ source	2010-12-31 07:07:54 UTC (rev 5731)
@@ -956,12 +956,20 @@
 
     <div class="example">
 
-     <p>For example, the following markup results in poor performance
-     when hitting the highlighted end tag, since all the open elements
-     are examined first to see if they match the close tag:</p>
+     <p>For example, the following markup results in poor performance,
+     since all the unclosed <code>i</code> elements have to be
+     reconstructed in each paragraph, resulting in progressively more
+     elements in each paragraph:</p>
 
-     <pre class="bad"><p><em><span><span><span>...<span><span><span><strong></em></strong></pre>
+     <pre class="bad"><p><i>He dreamt.
+<p><i>He dreamt that he ate breakfast.
+<p><i>Then lunch.
+<p><i>And finally dinner.</pre>
 
+     <p>The resulting DOM for this fragment would be:</p>
+
+     <ul class="domTree"><li class="t1"><code>p</code><ul><li class="t1"><code>i</code><ul><li class="t3"><code>#text</code>: <span title="">He dreamt.</span></li></ul></li></ul></li><li class="t1"><code>p</code><ul><li class="t1"><code>i</code><ul><li class="t1"><code>i</code><ul><li class="t3"><code>#text</code>: <span title="">He dreamt that he ate breakfast.</span></li></ul></li></ul></li></ul></li><li class="t1"><code>p</code><ul><li class="t1"><code>i</code><ul><li class="t1"><code>i</code><ul><li class="t1"><code>i</code><ul><li class="t3"><code>#text</code>: <span title="">Then lunch.</span></li></ul></li></ul></li></ul></li></ul></li><li class="t1"><code>p</code><ul><li class="t1"><code>i</code><ul><li class="t1"><code>i</code><ul><li class="t1"><code>i</code><ul><li class="t1"><code>i</code><ul><li class="t3"><code>#text</code>: <span title="">And finally dinner.</span></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul>
+
     </div>
 
    </dd>