Use autolink for HTML elements

Author: xfq

css-cascade-3/Overview.bs

@@ -801,7 +801,7 @@ Important Declarations: the ''!important'' annotation</h3>
 Precedence of Non-CSS Presentational Hints</h3>
 
 	The UA may choose to honor presentational hints in a source document's markup,
-	for example the <code>bgcolor</code> attribute or <code>&lt;s></code> element in [[HTML5]].
+	for example the <code>bgcolor</code> attribute or <{s}> element in [[HTML]].
 	All document language-based styling must be translated to corresponding CSS rules
 	and either enter the cascade at the user agent level or
 	be treated as author level rules with a specificity of zero placed at the start of the author style sheet.

css-counter-styles-3/Overview.bs

@@ -1772,7 +1772,7 @@ Symbolic: ''disc'', ''circle'', ''square'', ''disclosure-open'', ''disclosure-cl
 		<dt><dfn id=disclosure-closed>disclosure-closed</dfn>
 		<dd>
 			Symbols appropriate for indicating an open or closed disclosure widget,
-			such as the HTML <code>&lt;details></code> element.
+			such as the HTML <{details}> element.
 	</dl>
 
 	The ''disc'' counter-style must not be overridable with a ''@counter-style'' rule,
@@ -1822,7 +1822,7 @@ Symbolic: ''disc'', ''circle'', ''square'', ''disclosure-open'', ''disclosure-cl
 	For the ''disclosure-open'' and ''disclosure-closed'' counter styles,
 	the marker must be an image or character suitable for indicating
 	the open and closed states of a disclosure widget,
-	such as HTML's <code>&lt;details></code> element.
+	such as HTML's <{details}> element.
 	If the image is directional,
 	it must respond to the <a>writing mode</a> of the element,
 	similar to the <a href="https://drafts.csswg.org/css4-images/#bidi-images">bidi-sensitive images</a> feature of the Images 4 module.

css-images-3/Overview.bs

@@ -1046,7 +1046,7 @@ Object-Sizing Terminology {#sizing-terms}
 			SVG images can also be created with only an <a>intrinsic width</a> or <a lt="intrinsic height">height</a>.
 			CSS gradients, defined in this specification, are an example of an object with no intrinsic dimensions at all.
 			Another example of this is embedded documents,
-			such as the <code>&lt;iframe></code> element in HTML.
+			such as the <{iframe}> element in HTML.
 			In general, images cannot have only two intrinsic dimensions,
 			as any two automatically define the third.
 			However some types of replaced elements,
@@ -1095,7 +1095,7 @@ CSS⇋Object Negotiation {#object-negotiation}
 
 	1. When an image or object is specified in a document,
 		such as through a ''url()'' value in a 'background-image' property
-		or a <code>src</code> attribute on an <code>&lt;img></code> element,
+		or a <{img/src}> attribute on an <{img}> element,
 		CSS queries the object for its <a>intrinsic dimensions</a>.
 
 	2. Using the <a>intrinsic dimensions</a>,

css-images-4/Overview.bs

@@ -506,7 +506,7 @@ Note: No change from [[css3-images]].
 
 			<div class='example'>
 
-				As a somewhat silly example, a <code>&lt;p></code> element can be reused as a background elsewhere in the document:
+				As a somewhat silly example, a <{p}> element can be reused as a background elsewhere in the document:
 
 				<pre class="lang-html">
 					&lt;style>
@@ -546,7 +546,7 @@ Note: No change from [[css3-images]].
 				</pre>
 
 				HTML also defines that a handful of elements,
-				such as <code>&lt;canvas></code>, <code>&lt;img></code>, and <code>&lt;video></code>,
+				such as <{canvas}>, <{img}>, and <{video}>,
 				provide a paint source.
 				This means that CSS can, for example,
 				reference a canvas that's being drawn into,
@@ -660,8 +660,7 @@ Paint Sources</h4>
 	without having to do layout or rendering,
 	and so may be used as images even when they're <a lt='element-not-rendered'>not rendered</a>.
 
-	In HTML, the <code>&lt;img></code>, <code>&lt;video></code>, and <code>&lt;canvas></code> elements provide paint sources
-	(defined in each element's section in <a href='http://www.whatwg.org/specs/web-apps/current-work/multipage/'>HTML5</a>).
+	In HTML, the <{img}>, <{video}>, and <{canvas}> elements provide paint sources.
 
 	In SVG, any element that provides a <a href='https://www.w3.org/TR/SVG/pservers.html'>paint server</a> provides a paint source.
 	<span class='note'>Note: In SVG1.1,
@@ -694,7 +693,7 @@ Using Out-Of-Document Sources: the <code>ElementSources</code> interface</h4>
 
 	The ''element()'' function normally selects elements within a document,
 	but elements that provide a <a>paint source</a> don't necessarily need to be in-document.
-	For example, an HTML <code>&lt;canvas></code> element can be created, maintained, and drawn into entirely in script,
+	For example, an HTML <{canvas}> element can be created, maintained, and drawn into entirely in script,
 	with no need for it to be inserted into the document directly.
 
 	All that's needed is a way to refer to the element,

css-lists-3/Overview.bs

@@ -879,9 +879,9 @@ Creating and Inheriting Counters</h3>
 		for a language like HTML,
 		its the order in which the parser encounters start tags as it reads the document.
 
-		In here, the <code>&lt;ul></code> element establishes a new counter named "example",
+		In here, the <{ul}> element establishes a new counter named "example",
 		and sets its value to 0.
-		The <b class='foo'>"foo"</b> element, being the first child of the <code>&lt;ul></code>,
+		The <b class='foo'>"foo"</b> element, being the first child of the <{ul}>,
 		inherits this counter.
 		Its parent is also its immediately preceding element in document order,
 		so it inherits the value 0 with it,

css-syntax-3/Overview.bs

@@ -76,7 +76,7 @@ Description of CSS's Syntax</h2>
 
 		In the above rule, "<code>p > a</code>" is the selector,
 		which, if the source document is HTML,
-		selects any <code>&lt;a></code> elements that are children of a <code>&lt;p></code> element.
+		selects any <{a}> elements that are children of a <{p}> element.
 
 		"<code>color: blue</code>" is a declaration specifying that,
 		for the elements that match the selector,

css-writing-modes-3/Overview.bs

@@ -2246,7 +2246,7 @@ The Principal Writing Mode</h2>
   and the default <a>page progression</a> direction.
 
   <p>As a special case for handling HTML documents,
-  if the root element has a <code>&lt;body></code> child element [[!HTML5]],
+  if the root element has a <{body}> child element [[!HTML]],
   the <a>principal writing mode</a> is instead taken
   from the values of 'writing-mode' and 'direction' on the first such child element
   instead of taken from the root element.

css-writing-modes-4/Overview.bs

@@ -2398,7 +2398,7 @@ The Principal Writing Mode</h2>
   and the default <a>page progression</a> direction.
 
   <p>As a special case for handling HTML documents,
-  if the root element has a <code>&lt;body></code> child element [[!HTML5]],
+  if the root element has a <{body}> child element [[!HTML]],
   the <a>principal writing mode</a> is instead taken
   from the values of 'writing-mode' and 'direction' on the first such child element
   instead of taken from the root element.