[css-images-3] markup tweak

Author: tabatkins

css-images-3/Overview.bs

@@ -50,9 +50,9 @@ Introduction</h2>
 Image Values: the <<image>> type</h2>
 
 	The <<image>> value type denotes a 2D image. It can be a
-	<a href="#url-notation">url reference</a>,
-	<a href="#image-notation">image notation</a>,
-	or <a href="#gradients">gradient notation</a>.
+	<a section href="#url-notation">url reference</a>,
+	<a section href="#image-notation">image notation</a>,
+	or <a section href="#gradients">gradient notation</a>.
 	Its syntax is:
 
 	<pre class="prod"><dfn>&lt;image></dfn> = <<url>> | <<image()>> | <<image-set()>> | <<element()>> | <<cross-fade()>> | <<gradient>></pre>
@@ -814,7 +814,7 @@ Placing Color Stops</h4>
 	A color-stop can be placed at a location before 0%;
 	though the negative region of the <a>gradient line</a> is never directly consulted for rendering,
 	color stops placed there can affect the color of non-negative locations on the <a>gradient line</a> through interpolation or repetition
-	(see <a href='#repeating-gradients'>repeating gradients</a>).
+	(see <a section href='#repeating-gradients'>repeating gradients</a>).
 	For example, ''radial-gradient(red -50px, yellow 100px)'' produces an elliptical gradient
 	that starts with a reddish-orange color in the center
 	(specifically, #f50)
@@ -980,7 +980,7 @@ Repeating Gradients: the ''repeating-linear-gradient()'', ''repeating-radial-gra
 	the implementation must <a title="gradient-average-color">find the average color of the gradient</a>
 	and render the gradient as a solid-color image equal to the average color.
 
-	Note: The <a href="#degenerate-radials">Degenerate Radial Gradients</a> section
+	Note: The <a section href="#degenerate-radials">Degenerate Radial Gradients</a> section
 	describes how the ending shape is adjusted when its width is zero.
 
 	To <dfn title="gradient-average-color">find the average color of a gradient</dfn>,
@@ -1320,7 +1320,7 @@ CSS⇋Object Negotiation</h3>
 			the <a>specified size</a>,
 			and the <a>default object size</a> for the context the image or object is used in,
 			CSS then computes a <a>concrete object size</a>.
-			(See the <a href="#default-sizing">following section</a>.)
+			(See the <a section href="#default-sizing">following section</a>.)
 			This defines the size and position of the region the object will render in.
 
 		<li>

css-images-3/Overview.html

@@ -173,9 +173,9 @@ <h2 class="heading settled" data-level=2 id=image-values><span class=secno>2 </s
 Image Values: the <a class="production css" data-link-type=type href=#typedef-image title="<image>">&lt;image&gt;</a> type</span><a class=self-link href=#image-values></a></h2>
 
 <p>The <a class="production css" data-link-type=type href=#typedef-image title="<image>">&lt;image&gt;</a> value type denotes a 2D image. It can be a
-	<a href=#url-notation>url reference</a>,
-	<a href=#image-notation>image notation</a>,
-	or <a href=#gradients>gradient notation</a>.
+	<a data-section="" href=#url-notation>url reference</a>,
+	<a data-section="" href=#image-notation>image notation</a>,
+	or <a data-section="" href=#gradients>gradient notation</a>.
 	Its syntax is:</p>
 
 <pre class=prod><dfn data-dfn-type=type data-export="" id=typedef-image>&lt;image&gt;<a class=self-link href=#typedef-image></a></dfn> = <a class=production data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#url-value title="<url>">&lt;url&gt;</a> <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> <a class=production data-link-type=function href=#funcdef-image title=image()>&lt;image()&gt;</a> <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> <a class=production data-link-type=function href=#funcdef-image-set title=image-set()>&lt;image-set()&gt;</a> <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> <a class=production data-link-type=function href=http://dev.w3.org/csswg/css-gcpm-3/#funcdef-element title=element()>&lt;element()&gt;</a> <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> <a class=production data-link-type=function href=#funcdef-cross-fade title=cross-fade()>&lt;cross-fade()&gt;</a> <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> <a class=production data-link-type=type href=#typedef-gradient title="<gradient>">&lt;gradient&gt;</a></pre>
@@ -839,7 +839,7 @@ <h4 class="no-toc heading settled" data-level=3.2.2 id=radial-color-stops><span
 	A color-stop can be placed at a location before 0%;
 	though the negative region of the <a data-link-type=dfn href=#gradient-line title="gradient line">gradient line</a> is never directly consulted for rendering,
 	color stops placed there can affect the color of non-negative locations on the <a data-link-type=dfn href=#gradient-line title="gradient line">gradient line</a> through interpolation or repetition
-	(see <a href=#repeating-gradients>repeating gradients</a>).
+	(see <a data-section="" href=#repeating-gradients>repeating gradients</a>).
 	For example, <span class=css>radial-gradient(red -50px, yellow 100px)</span> produces an elliptical gradient
 	that starts with a reddish-orange color in the center
 	(specifically, #f50)
@@ -992,7 +992,7 @@ <h3 class="heading settled" data-level=3.3 id=repeating-gradients><span class=se
 	the implementation must <a data-link-type=dfn href=#gradient-average-color title=gradient-average-color>find the average color of the gradient</a>
 	and render the gradient as a solid-color image equal to the average color.</p>
 
-<p class=note>Note: The <a href=#degenerate-radials>Degenerate Radial Gradients</a> section
+<p class=note>Note: The <a data-section="" href=#degenerate-radials>Degenerate Radial Gradients</a> section
 	describes how the ending shape is adjusted when its width is zero.</p>
 
 <p>To <dfn data-dfn-type=dfn data-noexport="" id=gradient-average-color title=gradient-average-color>find the average color of a gradient<a class=self-link href=#gradient-average-color></a></dfn>,
@@ -1302,7 +1302,7 @@ <h3 class="heading settled" data-level=4.2 id=object-negotiation><span class=sec
 			the <a data-link-type=dfn href=#specified-size title="specified size">specified size</a>,
 			and the <a data-link-type=dfn href=#default-object-size title="default object size">default object size</a> for the context the image or object is used in,
 			CSS then computes a <a data-link-type=dfn href=#concrete-object-size title="concrete object size">concrete object size</a>.
-			(See the <a href=#default-sizing>following section</a>.)
+			(See the <a data-section="" href=#default-sizing>following section</a>.)
 			This defines the size and position of the region the object will render in.
 
 		<li>