Correct mistakes in informative examples 4 and 5

Author: dirkschulze

css-masking-1/Overview.html

@@ -59,7 +59,7 @@
 </p>
   <h1 class="p-name no-ref" id=title>CSS Masking Module Level 1</h1>
   <h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
-    <span class=dt-updated><span class=value-title title=20140626>26 June 2014</span></span></span></h2>
+    <span class=dt-updated><span class=value-title title=20140710>10 July 2014</span></span></span></h2>
   <div data-fill-with=spec-metadata><dl>
 	<dt>This version:
 	<dd><a class=u-url href=http://dev.w3.org/fxtf/css-masking-1/>http://dev.w3.org/fxtf/css-masking-1/</a>
@@ -386,24 +386,23 @@ <h3 class="heading settled heading" data-level=5.1 id=the-clip-path><span class=
 <p>If the URI reference is not valid (e.g it points to an object that doesn’t exist or the object is not a <a data-link-type=element href=#elementdef-clippath title=clippath>clipPath</a> element), no clipping is applied.</p>
 
 <div class=example>
-  <p></p>
+  <p>This example demonstrates the use of the basic shape <a class="production css-code" data-link-type=function href=http://dev.w3.org/csswg/css-shapes-1/#funcdef-polygon title=polygon()>&lt;polygon()&gt;</a> as clipping path. Each space separated length pair represents one point of the polygon. The visualized clipping path can be seen in the <a href=#clipping>introduction</a>.</p>
   <pre><code class=css>clip-path: polygon(15px 99px, 30px 87px, 65px 99px, 85px 55px,
 122px 57px, 184px 73px, 198px 105px, 199px 150px,
 145px 159px, 155px 139px, 126px 120px, 112px 138px,
 80px 128px, 39px 126px, 24px 104px);</code></pre>
 </div>
 
 <div class=example>
-  <p></p>
+  <p>In this example, the <a class=property data-link-type=propdesc href=#propdef-clip-path title=clip-path>clip-path</a> property references an SVG <a data-link-type=element href=#elementdef-clippath title=clippath>clipPath</a> element. Each comma separated length pair represents one point of the polygon. As for the previous example, the visualized clipping path can be seen in the <a href=#clipping>introduction</a>.</p>
 <pre><code class=css>clip-path: url("#clip1");</code></pre>
 
-  <pre><code class=html>&lt;svg&gt;
+  <pre><code class=html>
 &lt;clipPath id="clip1"&gt;
-    &lt;path d="15,99 30,87 65,99 85,55 122,57 184,73 198,105
+    &lt;polygon points="15,99 30,87 65,99 85,55 122,57 184,73 198,105
       199,150 145,159 155,139 126,120 112,138 80,128 39,126
       24,104"/&gt;
-&lt;/clipPath&gt;
-&lt;/svg&gt;</code></pre>
+&lt;/clipPath&gt;</code></pre>
 </div>
 
 <h2 class="heading settled heading" data-level=6 id=svg-clipping-paths><span class=secno>6 </span><span class=content>SVG Clipping Path Sources</span><a class=self-link href=#svg-clipping-paths></a></h2>

css-masking-1/Overview.src.html

@@ -255,24 +255,23 @@ <h3 id="the-clip-path">Clipping Shape: the 'clip-path' property</h3>
 If the URI reference is not valid (e.g it points to an object that doesn't exist or the object is not a <a element>clipPath</a> element), no clipping is applied.
 
 <div class=example>
-  <p></p>
+  <p>This example demonstrates the use of the basic shape <<polygon()>> as clipping path. Each space separated length pair represents one point of the polygon. The visualized clipping path can be seen in the <a href="#clipping">introduction</a>.</p>
   <pre><code class=css>clip-path: polygon(15px 99px, 30px 87px, 65px 99px, 85px 55px,
                 122px 57px, 184px 73px, 198px 105px, 199px 150px,
                 145px 159px, 155px 139px, 126px 120px, 112px 138px,
                 80px 128px, 39px 126px, 24px 104px);</code></pre>
 </div>
 
 <div class=example>
-  <p></p>
+  <p>In this example, the 'clip-path' property references an SVG <a element>clipPath</a> element. Each comma separated length pair represents one point of the polygon. As for the previous example, the visualized clipping path can be seen in the <a href="#clipping">introduction</a>.</p>
   <pre><code class=css>clip-path: url("#clip1");</code></pre>
 
-  <pre><code class=html>&lt;svg>
+  <pre><code class=html>
 &lt;clipPath id="clip1">
-    &lt;path d="15,99 30,87 65,99 85,55 122,57 184,73 198,105
+    &lt;polygon points="15,99 30,87 65,99 85,55 122,57 184,73 198,105
       199,150 145,159 155,139 126,120 112,138 80,128 39,126
       24,104"/>
-&lt;/clipPath>
-&lt;/svg></code></pre>
+&lt;/clipPath></code></pre>
 </div>
 
 <h2 id="svg-clipping-paths">SVG Clipping Path Sources</h2>